@{
    ViewBag.Title = "网页常用颜色色彩搭配、颜色搭配表";
    ViewBag.keywords = "色彩搭配,颜色搭配表,网页常用颜色,色彩搭配原理与技巧,24色配色表,12色,24色,48色标,准色环图,高清图,调色法";
    ViewBag.description = "提供色彩搭配方案，怎样学习色彩搭配技巧与原理？适合室内装修配色、设计配 色、女生、男士服装衣服配色、网页配色等参考学习"; 
    Layout = "_oayout";
    var host = Appsettings.app("BaseFile:HostUrl");
}
@section Styles{
    <link href="@host/lib/color/css/color.css" rel="stylesheet" />
}
    <div class="CorContent mgbt30">
        <h1>网页颜色搭配表及颜色搭配技巧</h1>
        <p class="blockQuote">
            颜色搭配常识：<br>
            1.网页中色彩的表达使用三种颜色，及红(R)、绿(G)、蓝(B)，及通常所说的RGB色彩，它包含了人类所感知的所有颜色，网页中表达颜色如下（红色为例）RGB格式：红色是(255,0,0) <span id="transmark"></span>或十六进制hex格式为(FF0000)。<br>
            2.将色彩按"红-&gt;黄-&gt;绿-&gt;蓝-&gt;红"依次过度渐变可得到12色环：红，橙红，橙，橙黄，黄，黄绿，绿，蓝绿，蓝，蓝紫，紫，紫红。<br>
            3.颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外的所有色彩。通常内容文字用非彩色(黑色)，边框，背景，图片用彩色。所以即使页面丰富，看内容依然不会眼花,通常背景与内容对比要大。
        </p>
        <h2>按单一色彩为主色彩分类</h2>
        <p class="blockQuote">网页设计一般以单一色彩为主，下面每类都以该色彩为主，配以其它或类似色彩的，并按照从轻快到浓烈的顺序排列。</p>

        <!---红色 start--->
        <h3 id="red">红色</h3>
        <p class="blockQuote">-是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。</p>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="0"><span id="0">#FFFFCC</span></div>
            <div class="boxc" style="background: rgb(204, 255, 255); cursor: pointer;" data-clipboard-target="1"><span id="1">#CCFFFF</span></div>
            <div class="boxr" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="2"><span id="2">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(153, 204, 204); cursor: pointer;" data-clipboard-target="3"><span id="3">#99CCCC</span></div>
            <div class="boxc" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="4"><span id="4">#FFCC99</span></div>
            <div class="boxr" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="5"><span id="5">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 153, 153); cursor: pointer;" data-clipboard-target="6"><span id="6">#FF9999</span></div>
            <div class="boxc white" style="background: rgb(153, 102, 153); cursor: pointer;" data-clipboard-target="7"><span id="7">#996699</span></div>
            <div class="boxr " style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="8"><span id="8">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(204, 153, 153); cursor: pointer;" data-clipboard-target="9"><span id="9">#CC9999</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="10"><span id="10">#FFFFCC</span></div>
            <div class="boxr" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="11"><span id="11">#CCCC99</span></div>


            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="12"><span id="12">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="13"><span id="13">#FFFF99</span></div>
            <div class="boxr" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="14"><span id="14">#CCCCFF</span></div>
            <div class="boxc white" style="background: rgb(0, 153, 204); cursor: pointer;" data-clipboard-target="15"><span id="15">#0099CC</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="16"><span id="16">#CCCCCC</span></div>
            <div class="boxr" style="background: rgb(255, 102, 102); cursor: pointer;" data-clipboard-target="17"><span id="17">#FF6666</span></div>
            <div class="boxc" style="background: rgb(255, 153, 102); cursor: pointer;" data-clipboard-target="18"><span id="18">#FF9966</span></div>
            <div class="boxc" style="background: rgb(255, 102, 102); cursor: pointer;" data-clipboard-target="19"><span id="19">#FF6666</span></div>
            <div class="boxr" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="20"><span id="20">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(204, 153, 102); cursor: pointer;" data-clipboard-target="21"><span id="21">#CC9966</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="22"><span id="22">#666666</span></div>
            <div class="boxr" style="background: rgb(204, 153, 153); cursor: pointer;" data-clipboard-target="23"><span id="23">#CC9999</span></div>


            <div class="boxc" style="background: rgb(255, 102, 102); cursor: pointer;" data-clipboard-target="24"><span id="24">#FF6666</span></div>
            <div class="boxc" style="background: rgb(255, 255, 102); cursor: pointer;" data-clipboard-target="25"><span id="25">#FFFF66</span></div>
            <div class="boxr" style="background: rgb(153, 204, 102); cursor: pointer;" data-clipboard-target="26"><span id="26">#99CC66</span></div>
            <div class="boxc white" style="background: rgb(204, 51, 51); cursor: pointer;" data-clipboard-target="27"><span id="27">#CC3333</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="28"><span id="28">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="29"><span id="29">#003366</span></div>
            <div class="boxc white" style="background: rgb(153, 51, 51); cursor: pointer;" data-clipboard-target="30"><span id="30">#993333</span></div>
            <div class="boxc" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="31"><span id="31">#CCCC00</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="32"><span id="32">#663366</span></div>
            <div class="boxc" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="33"><span id="33">#CCCC99</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="34"><span id="34">#666666</span></div>
            <div class="boxr" style="background: rgb(204, 153, 153); cursor: pointer;" data-clipboard-target="35"><span id="35">#CC9999</span></div>


            <div class="boxc" style="background: rgb(255, 102, 102); cursor: pointer;" data-clipboard-target="36"><span id="36">#FF6666</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="37"><span id="37">#FFFF00</span></div>
            <div class="boxr white" style="background: rgb(0, 102, 204); cursor: pointer;" data-clipboard-target="38"><span id="38">#0066CC</span></div>
            <div class="boxc white" style="background: rgb(204, 0, 51); cursor: pointer;" data-clipboard-target="39"><span id="39">#CC0033</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="40"><span id="40">#333333</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="41"><span id="41">#CCCC00</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 51); cursor: pointer;" data-clipboard-target="42"><span id="42">#336633</span></div>
            <div class="boxc white" style="background: rgb(153, 0, 51); cursor: pointer;" data-clipboard-target="43"><span id="43">#990033</span></div>
            <div class="boxr" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="44"><span id="44">#FFCC99</span></div>
            <div class="boxc white" style="background: rgb(153, 51, 51); cursor: pointer;" data-clipboard-target="45"><span id="45">#993333</span></div>
            <div class="boxc" style="background: rgb(204, 153, 102); cursor: pointer;" data-clipboard-target="46"><span id="46">#CC9966</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 0); cursor: pointer;" data-clipboard-target="47"><span id="47">#003300</span></div>


            <div class="boxc white" style="background: rgb(255, 0, 51); cursor: pointer;" data-clipboard-target="48"><span id="48">#FF0033</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 153); cursor: pointer;" data-clipboard-target="49"><span id="49">#333399</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="50"><span id="50">#CCCC00</span></div>
            <div class="boxc white" style="background: rgb(204, 0, 51); cursor: pointer;" data-clipboard-target="51"><span id="51">#CC0033</span></div>
            <div class="boxc white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="52"><span id="52">#000000</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 153); cursor: pointer;" data-clipboard-target="53"><span id="53">#003399</span></div>
            <div class="boxc white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="54"><span id="54">#000000</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 0); cursor: pointer;" data-clipboard-target="55"><span id="55">#99CC00</span></div>
            <div class="boxr white" style="background: rgb(204, 0, 51); cursor: pointer;" data-clipboard-target="56"><span id="56">#CC0033</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 51); cursor: pointer;" data-clipboard-target="57"><span id="57">#999933</span></div>
            <div class="boxc white" style="background: rgb(153, 51, 51); cursor: pointer;" data-clipboard-target="58"><span id="58">#993333</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 0); cursor: pointer;" data-clipboard-target="59"><span id="59">#333300</span></div>


        </div>
        <!---红色 end--->
        <!---橙色 start--->
        <h3 id="yellow_red">橙色</h3>
        <p class="blockQuote">也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。</p>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="60"><span id="60">#FFCC99</span></div>
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="61"><span id="61">#FFFF99</span></div>
            <div class="boxr" style="background: rgb(153, 204, 153); cursor: pointer;" data-clipboard-target="62"><span id="62">#99CC99</span></div>
            <div class="boxc" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="63"><span id="63">#FFCC99</span></div>
            <div class="boxc" style="background: rgb(204, 255, 153); cursor: pointer;" data-clipboard-target="64"><span id="64">#CCFF99</span></div>
            <div class="boxr" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="65"><span id="65">#CCCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="66"><span id="66">#FFCC99</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="67"><span id="67">#FFFFCC</span></div>
            <div class="boxr" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="68"><span id="68">#99CCFF</span></div>
            <div class="boxc" style="background: rgb(255, 153, 102); cursor: pointer;" data-clipboard-target="69"><span id="69">#FF9966</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="70"><span id="70">#FFFFCC</span></div>
            <div class="boxr" style="background: rgb(153, 204, 153); cursor: pointer;" data-clipboard-target="71"><span id="71">#99CC99</span></div>


            <div class="boxc" style="background: rgb(255, 153, 0); cursor: pointer;" data-clipboard-target="72"><span id="72">#FF9900</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="73"><span id="73">#FFFFCC</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="74"><span id="74">#336699</span></div>
            <div class="boxc" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="75"><span id="75">#CCCC33</span></div>
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="76"><span id="76">#FFFF99</span></div>
            <div class="boxr white" style="background: rgb(204, 153, 51); cursor: pointer;" data-clipboard-target="77"><span id="77">#CC9933</span></div>
            <div class="boxc white" style="background: rgb(153, 102, 0); cursor: pointer;" data-clipboard-target="78"><span id="78">#996600</span></div>
            <div class="boxc" style="background: rgb(255, 204, 51); cursor: pointer;" data-clipboard-target="79"><span id="79">#FFCC33</span></div>
            <div class="boxr" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="80"><span id="80">#FFFFCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="81"><span id="81">#FFFFCC</span></div>
            <div class="boxc" style="background: rgb(204, 153, 51); cursor: pointer;" data-clipboard-target="82"><span id="82">#CC9933</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 102); cursor: pointer;" data-clipboard-target="83"><span id="83">#336666</span></div>


            <div class="boxc" style="background: rgb(255, 153, 0); cursor: pointer;" data-clipboard-target="84"><span id="84">#FF9900</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="85"><span id="85">#FFFF00</span></div>
            <div class="boxr white" style="background: rgb(0, 153, 204); cursor: pointer;" data-clipboard-target="86"><span id="86">#0099CC</span></div>
            <div class="boxc" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="87"><span id="87">#99CC33</span></div>
            <div class="boxc" style="background: rgb(255, 153, 0); cursor: pointer;" data-clipboard-target="88"><span id="88">#FF9900</span></div>
            <div class="boxr" style="background: rgb(255, 204, 0); cursor: pointer;" data-clipboard-target="89"><span id="89">#FFCC00</span></div>
            <div class="boxc" style="background: rgb(255, 153, 51); cursor: pointer;" data-clipboard-target="90"><span id="90">#FF9933</span></div>
            <div class="boxc" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="91"><span id="91">#99CC33</span></div>
            <div class="boxr" style="background: rgb(204, 102, 153); cursor: pointer;" data-clipboard-target="92"><span id="92">#CC6699</span></div>
            <div class="boxc" style="background: rgb(255, 153, 51); cursor: pointer;" data-clipboard-target="93"><span id="93">#FF9933</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="94"><span id="94">#FFFF00</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 204); cursor: pointer;" data-clipboard-target="95"><span id="95">#3366CC</span></div>


            <div class="boxc" style="background: rgb(255, 153, 51); cursor: pointer;" data-clipboard-target="96"><span id="96">#FF9933</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="97"><span id="97">#FFFFCC</span></div>
            <div class="boxr" style="background: rgb(0, 153, 102); cursor: pointer;" data-clipboard-target="98"><span id="98">#009966</span></div>
            <div class="boxc" style="background: rgb(255, 102, 0); cursor: pointer;" data-clipboard-target="99"><span id="99">#FF6600</span></div>
            <div class="boxc" style="background: rgb(255, 255, 102); cursor: pointer;" data-clipboard-target="100"><span id="100">#FFFF66</span></div>
            <div class="boxr" style="background: rgb(0, 153, 102); cursor: pointer;" data-clipboard-target="101"><span id="101">#009966</span></div>
            <div class="boxc white" style="background: rgb(153, 0, 51); cursor: pointer;" data-clipboard-target="102"><span id="102">#990033</span></div>
            <div class="boxc" style="background: rgb(204, 255, 102); cursor: pointer;" data-clipboard-target="103"><span id="103">#CCFF66</span></div>
            <div class="boxr" style="background: rgb(255, 153, 0); cursor: pointer;" data-clipboard-target="104"><span id="104">#FF9900</span></div>
            <div class="boxc" style="background: rgb(255, 153, 102); cursor: pointer;" data-clipboard-target="105"><span id="105">#FF9966</span></div>
            <div class="boxc white" style="background: rgb(153, 102, 0); cursor: pointer;" data-clipboard-target="106"><span id="106">#996600</span></div>
            <div class="boxr" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="107"><span id="107">#CCCC00</span></div>


            <div class="boxc" style="background: rgb(204, 102, 0); cursor: pointer;" data-clipboard-target="108"><span id="108">#CC6600</span></div>
            <div class="boxc" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="109"><span id="109">#999999</span></div>
            <div class="boxr" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="110"><span id="110">#CCCC33</span></div>
            <div class="boxc" style="background: rgb(204, 102, 0); cursor: pointer;" data-clipboard-target="111"><span id="111">#CC6600</span></div>
            <div class="boxc" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="112"><span id="112">#CCCC33</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="113"><span id="113">#336699</span></div>
            <div class="boxc white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="114"><span id="114">#000000</span></div>
            <div class="boxc" style="background: rgb(255, 153, 51); cursor: pointer;" data-clipboard-target="115"><span id="115">#FF9933</span></div>
            <div class="boxr" style="background: rgb(153, 153, 102); cursor: pointer;" data-clipboard-target="116"><span id="116">#999966</span></div>
            <div class="boxc white" style="background: rgb(102, 51, 0); cursor: pointer;" data-clipboard-target="117"><span id="117">#663300</span></div>
            <div class="boxc" style="background: rgb(255, 153, 51); cursor: pointer;" data-clipboard-target="118"><span id="118">#FF9933</span></div>
            <div class="boxr" style="background: rgb(255, 255, 102); cursor: pointer;" data-clipboard-target="119"><span id="119">#FFFF66</span></div>


        </div>
        <!---橙色 end--->
        <!---黄色 start--->
        <h3 id="yellow">黄色</h3>
        <p class="blockQuote">-具有快乐，希望，智慧和轻快的个性，它的明度最高。</p>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="120"><span id="120">#FFFFCC</span></div>
            <div class="boxc" style="background: rgb(204, 255, 255); cursor: pointer;" data-clipboard-target="121"><span id="121">#CCFFFF</span></div>
            <div class="boxr" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="122"><span id="122">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="123"><span id="123">#FFFF00</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="124"><span id="124">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="125"><span id="125">#CCCC00</span></div>
            <div class="boxc" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="126"><span id="126">#99CCFF</span></div>
            <div class="boxc" style="background: rgb(255, 204, 51); cursor: pointer;" data-clipboard-target="127"><span id="127">#FFCC33</span></div>
            <div class="boxr" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="128"><span id="128">#FFFFCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 51); cursor: pointer;" data-clipboard-target="129"><span id="129">#FFFF33</span></div>
            <div class="boxc" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="130"><span id="130">#99CCFF</span></div>
            <div class="boxr" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="131"><span id="131">#CCCCCC</span></div>


            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="132"><span id="132">#FFFF00</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="133"><span id="133">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(153, 51, 255); cursor: pointer;" data-clipboard-target="134"><span id="134">#9933FF</span></div>
            <div class="boxc" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="135"><span id="135">#99CCFF</span></div>
            <div class="boxc" style="background: rgb(255, 204, 51); cursor: pointer;" data-clipboard-target="136"><span id="136">#FFCC33</span></div>
            <div class="boxr" style="background: rgb(255, 255, 51); cursor: pointer;" data-clipboard-target="137"><span id="137">#FFFF33</span></div>
            <div class="boxc" style="background: rgb(255, 204, 0); cursor: pointer;" data-clipboard-target="138"><span id="138">#FFCC00</span></div>
            <div class="boxc" style="background: rgb(102, 204, 0); cursor: pointer;" data-clipboard-target="139"><span id="139">#66CC00</span></div>
            <div class="boxr" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="140"><span id="140">#FFFF99</span></div>
            <div class="boxc" style="background: rgb(255, 153, 0); cursor: pointer;" data-clipboard-target="141"><span id="141">#FF9900</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="142"><span id="142">#FFFF00</span></div>
            <div class="boxr white" style="background: rgb(0, 153, 204); cursor: pointer;" data-clipboard-target="143"><span id="143">#0099CC</span></div>


            <div class="boxc" style="background: rgb(255, 204, 0); cursor: pointer;" data-clipboard-target="144"><span id="144">#FFCC00</span></div>
            <div class="boxc white" style="background: rgb(0, 0, 204); cursor: pointer;" data-clipboard-target="145"><span id="145">#0000CC</span></div>
            <div class="boxr" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="146"><span id="146">#FFFF99</span></div>
            <div class="boxc" style="background: rgb(204, 153, 153); cursor: pointer;" data-clipboard-target="147"><span id="147">#CC9999</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="148"><span id="148">#FFFFCC</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 204); cursor: pointer;" data-clipboard-target="149"><span id="149">#6666CC</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 51); cursor: pointer;" data-clipboard-target="150"><span id="150">#999933</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="151"><span id="151">#FFFFCC</span></div>
            <div class="boxr" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="152"><span id="152">#CC99CC</span></div>
            <div class="boxc" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="153"><span id="153">#CCCC00</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 0); cursor: pointer;" data-clipboard-target="154"><span id="154">#666600</span></div>
            <div class="boxr" style="background: rgb(255, 255, 102); cursor: pointer;" data-clipboard-target="155"><span id="155">#FFFF66</span></div>


            <div class="boxc" style="background: rgb(255, 153, 102); cursor: pointer;" data-clipboard-target="156"><span id="156">#FF9966</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="157"><span id="157">#FFFFCC</span></div>
            <div class="boxr" style="background: rgb(153, 204, 153); cursor: pointer;" data-clipboard-target="158"><span id="158">#99CC99</span></div>
            <div class="boxc" style="background: rgb(255, 204, 51); cursor: pointer;" data-clipboard-target="159"><span id="159">#FFCC33</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="160"><span id="160">#FFFFCC</span></div>
            <div class="boxr white" style="background: rgb(153, 153, 102); cursor: pointer;" data-clipboard-target="161"><span id="161">#999966</span></div>
            <div class="boxc" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="162"><span id="162">#FFCC99</span></div>
            <div class="boxc" style="background: rgb(255, 102, 102); cursor: pointer;" data-clipboard-target="163"><span id="163">#FF6666</span></div>
            <div class="boxr" style="background: rgb(255, 255, 102); cursor: pointer;" data-clipboard-target="164"><span id="164">#FFFF66</span></div>
            <div class="boxc" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="165"><span id="165">#FFCC99</span></div>
            <div class="boxc" style="background: rgb(153, 153, 102); cursor: pointer;" data-clipboard-target="166"><span id="166">#999966</span></div>
            <div class="boxr" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="167"><span id="167">#FFFF00</span></div>


            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="168"><span id="168">#FFFF99</span></div>
            <div class="boxc" style="background: rgb(153, 204, 153); cursor: pointer;" data-clipboard-target="169"><span id="169">#99CC99</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 0); cursor: pointer;" data-clipboard-target="170"><span id="170">#666600</span></div>
            <div class="boxc" style="background: rgb(153, 153, 102); cursor: pointer;" data-clipboard-target="171"><span id="171">#999966</span></div>
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="172"><span id="172">#FFFF99</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="173"><span id="173">#333333</span></div>
            <div class="boxc white" style="background: rgb(0, 102, 51); cursor: pointer;" data-clipboard-target="174"><span id="174">#006633</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 0); cursor: pointer;" data-clipboard-target="175"><span id="175">#333300</span></div>
            <div class="boxr" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="176"><span id="176">#CCCC99</span></div>
            <div class="boxc white" style="background: rgb(0, 102, 51); cursor: pointer;" data-clipboard-target="177"><span id="177">#006633</span></div>
            <div class="boxc white" style="background: rgb(102, 51, 0); cursor: pointer;" data-clipboard-target="178"><span id="178">#663300</span></div>
            <div class="boxr" style="background: rgb(204, 204, 102); cursor: pointer;" data-clipboard-target="179"><span id="179">#CCCC66</span></div>


        </div>
        <!---黄色 end--->
        <!---黄绿色 start--->
        <h3 id="yellow_green">黄绿色</h3>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(51, 204, 51); cursor: pointer;" data-clipboard-target="180"><span id="180">#33CC33</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 204); cursor: pointer;" data-clipboard-target="181"><span id="181">#6666CC</span></div>
            <div class="boxr" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="182"><span id="182">#FFFFFF</span></div>
            <div class="boxc" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="183"><span id="183">#CCCC33</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="184"><span id="184">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(204, 255, 204); cursor: pointer;" data-clipboard-target="185"><span id="185">#CCFFCC</span></div>
            <div class="boxc" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="186"><span id="186">#FFCC99</span></div>
            <div class="boxc" style="background: rgb(204, 255, 153); cursor: pointer;" data-clipboard-target="187"><span id="187">#CCFF99</span></div>
            <div class="boxr" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="188"><span id="188">#CCCCCC</span></div>
            <div class="boxc" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="189"><span id="189">#CCCC00</span></div>
            <div class="boxc" style="background: rgb(153, 153, 102); cursor: pointer;" data-clipboard-target="190"><span id="190">#999966</span></div>
            <div class="boxr" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="191"><span id="191">#FFFFCC</span></div>


            <div class="boxc" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="192"><span id="192">#CCCC33</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="193"><span id="193">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="194"><span id="194">#336699</span></div>
            <div class="boxc" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="195"><span id="195">#CCCC33</span></div>
            <div class="boxc" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="196"><span id="196">#999999</span></div>
            <div class="boxr" style="background: rgb(204, 255, 255); cursor: pointer;" data-clipboard-target="197"><span id="197">#CCFFFF</span></div>
            <div class="boxc white" style="background: rgb(0, 204, 0); cursor: pointer;" data-clipboard-target="198"><span id="198">#00CC00</span></div>
            <div class="boxc white" style="background: rgb(0, 102, 204); cursor: pointer;" data-clipboard-target="199"><span id="199">#0066CC</span></div>
            <div class="boxr" style="background: rgb(153, 204, 204); cursor: pointer;" data-clipboard-target="200"><span id="200">#99CCCC</span></div>
            <div class="boxc" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="201"><span id="201">#99CC33</span></div>
            <div class="boxc" style="background: rgb(255, 153, 0); cursor: pointer;" data-clipboard-target="202"><span id="202">#FF9900</span></div>
            <div class="boxr" style="background: rgb(255, 204, 0); cursor: pointer;" data-clipboard-target="203"><span id="203">#FFCC00</span></div>


            <div class="boxc" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="204"><span id="204">#99CC33</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="205"><span id="205">#CCCCFF</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 0); cursor: pointer;" data-clipboard-target="206"><span id="206">#663300</span></div>
            <div class="boxc" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="207"><span id="207">#CCCC33</span></div>
            <div class="boxc white" style="background: rgb(153, 51, 153); cursor: pointer;" data-clipboard-target="208"><span id="208">#993399</span></div>
            <div class="boxr white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="209"><span id="209">#000000</span></div>
            <div class="boxc white" style="background: rgb(204, 102, 0); cursor: pointer;" data-clipboard-target="210"><span id="210">#CC6600</span></div>
            <div class="boxc" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="211"><span id="211">#999999</span></div>
            <div class="boxr" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="212"><span id="212">#CCCC33</span></div>
            <div class="boxc" style="background: rgb(204, 153, 51); cursor: pointer;" data-clipboard-target="213"><span id="213">#CC9933</span></div>
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="214"><span id="214">#FFFF99</span></div>
            <div class="boxr" style="background: rgb(153, 204, 153); cursor: pointer;" data-clipboard-target="215"><span id="215">#99CC99</span></div>


            <div class="boxc white" style="background: rgb(102, 153, 51); cursor: pointer;" data-clipboard-target="216"><span id="216">#669933</span></div>
            <div class="boxc" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="217"><span id="217">#CCCC33</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 0); cursor: pointer;" data-clipboard-target="218"><span id="218">#663300</span></div>
            <div class="boxc" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="219"><span id="219">#99CC33</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="220"><span id="220">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="221"><span id="221">#000000</span></div>
            <div class="boxc white" style="background: rgb(204, 102, 0); cursor: pointer;" data-clipboard-target="222"><span id="222">#CC6600</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="223"><span id="223">#CCCC33</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="224"><span id="224">#336699</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 0); cursor: pointer;" data-clipboard-target="225"><span id="225">#666600</span></div>
            <div class="boxc" style="background: rgb(204, 204, 102); cursor: pointer;" data-clipboard-target="226"><span id="226">#CCCC66</span></div>
            <div class="boxr" style="background: rgb(204, 255, 204); cursor: pointer;" data-clipboard-target="227"><span id="227">#CCFFCC</span></div>


            <div class="boxc white" style="background: rgb(51, 51, 102); cursor: pointer;" data-clipboard-target="228"><span id="228">#333366</span></div>
            <div class="boxc" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="229"><span id="229">#99CC33</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="230"><span id="230">#336699</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="231"><span id="231">#666666</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="232"><span id="232">#99CC33</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="233"><span id="233">#003366</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 51); cursor: pointer;" data-clipboard-target="234"><span id="234">#003333</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="235"><span id="235">#99CC33</span></div>
            <div class="boxr" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="236"><span id="236">#999999</span></div>
            <div class="boxc white" style="background: rgb(153, 102, 51); cursor: pointer;" data-clipboard-target="237"><span id="237">#996633</span></div>
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="238"><span id="238">#FFFF99</span></div>
            <div class="boxr" style="background: rgb(153, 204, 102); cursor: pointer;" data-clipboard-target="239"><span id="239">#99CC66</span></div>


        </div>
        <!---黄绿色 end--->
        <!---绿色 start--->
        <h3 id="green">绿色</h3>
        <p class="blockQuote">-介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。 它和金黄，淡白搭配，可以产生优雅，舒适的气氛。</p>
        <div class="clearfix CorConList">
            <div class="boxc white" style="background: rgb(0, 153, 102); cursor: pointer;" data-clipboard-target="240"><span id="240">#009966</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="241"><span id="241">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="242"><span id="242">#FFFF00</span></div>
            <div class="boxc" style="background: rgb(51, 153, 51); cursor: pointer;" data-clipboard-target="243"><span id="243">#339933</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="244"><span id="244">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(153, 51, 204); cursor: pointer;" data-clipboard-target="245"><span id="245">#9933CC</span></div>
            <div class="boxc" style="background: rgb(51, 153, 51); cursor: pointer;" data-clipboard-target="246"><span id="246">#339933</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="247"><span id="247">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="248"><span id="248">#000000</span></div>
            <div class="boxc white" style="background: rgb(51, 153, 51); cursor: pointer;" data-clipboard-target="249"><span id="249">#339933</span></div>
            <div class="boxc" style="background: rgb(153, 204, 0); cursor: pointer;" data-clipboard-target="250"><span id="250">#99CC00</span></div>
            <div class="boxr" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="251"><span id="251">#FFFFCC</span></div>


            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="252"><span id="252">#FFFFCC</span></div>
            <div class="boxc" style="background: rgb(204, 204, 102); cursor: pointer;" data-clipboard-target="253"><span id="253">#CCCC66</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 102); cursor: pointer;" data-clipboard-target="254"><span id="254">#336666</span></div>
            <div class="boxc" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="255"><span id="255">#99CC33</span></div>
            <div class="boxc" style="background: rgb(255, 255, 102); cursor: pointer;" data-clipboard-target="256"><span id="256">#FFFF66</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 0); cursor: pointer;" data-clipboard-target="257"><span id="257">#336600</span></div>
            <div class="boxc white" style="background: rgb(51, 153, 51); cursor: pointer;" data-clipboard-target="258"><span id="258">#339933</span></div>
            <div class="boxc" style="background: rgb(204, 153, 0); cursor: pointer;" data-clipboard-target="259"><span id="259">#CC9900</span></div>
            <div class="boxr" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="260"><span id="260">#666666</span></div>
            <div class="boxc" style="background: rgb(51, 153, 102); cursor: pointer;" data-clipboard-target="261"><span id="261">#339966</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="262"><span id="262">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="263"><span id="263">#003366</span></div>


            <div class="boxc" style="background: rgb(102, 153, 51); cursor: pointer;" data-clipboard-target="264"><span id="264">#669933</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="265"><span id="265">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="266"><span id="266">#000000</span></div>
            <div class="boxc white" style="background: rgb(51, 153, 51); cursor: pointer;" data-clipboard-target="267"><span id="267">#339933</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="268"><span id="268">#CCCCCC</span></div>
            <div class="boxr" style="background: rgb(102, 153, 204); cursor: pointer;" data-clipboard-target="269"><span id="269">#6699CC</span></div>
            <div class="boxc white" style="background: rgb(0, 102, 51); cursor: pointer;" data-clipboard-target="270"><span id="270">#006633</span></div>
            <div class="boxc" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="271"><span id="271">#CCCC33</span></div>
            <div class="boxr" style="background: rgb(204, 153, 51); cursor: pointer;" data-clipboard-target="272"><span id="272">#CC9933</span></div>
            <div class="boxc" style="background: rgb(51, 153, 51); cursor: pointer;" data-clipboard-target="273"><span id="273">#339933</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 51); cursor: pointer;" data-clipboard-target="274"><span id="274">#666633</span></div>
            <div class="boxr" style="background: rgb(204, 204, 102); cursor: pointer;" data-clipboard-target="275"><span id="275">#CCCC66</span></div>


            <div class="boxc white" style="background: rgb(51, 153, 51); cursor: pointer;" data-clipboard-target="276"><span id="276">#339933</span></div>
            <div class="boxc white" style="background: rgb(255, 204, 51); cursor: pointer;" data-clipboard-target="277"><span id="277">#FFCC33</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="278"><span id="278">#336699</span></div>
            <div class="boxc white" style="background: rgb(0, 102, 51); cursor: pointer;" data-clipboard-target="279"><span id="279">#006633</span></div>
            <div class="boxc white" style="background: rgb(102, 153, 51); cursor: pointer;" data-clipboard-target="280"><span id="280">#669933</span></div>
            <div class="boxr white" style="background: rgb(153, 204, 153); cursor: pointer;" data-clipboard-target="281"><span id="281">#99CC99</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 102); cursor: pointer;" data-clipboard-target="282"><span id="282">#336666</span></div>
            <div class="boxc white" style="background: rgb(153, 102, 51); cursor: pointer;" data-clipboard-target="283"><span id="283">#996633</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="284"><span id="284">#CCCC33</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 0); cursor: pointer;" data-clipboard-target="285"><span id="285">#003300</span></div>
            <div class="boxc white" style="background: rgb(102, 153, 51); cursor: pointer;" data-clipboard-target="286"><span id="286">#669933</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="287"><span id="287">#CCCC99</span></div>


            <div class="boxc white" style="background: rgb(0, 102, 51); cursor: pointer;" data-clipboard-target="288"><span id="288">#006633</span></div>
            <div class="boxc white" style="background: rgb(153, 0, 51); cursor: pointer;" data-clipboard-target="289"><span id="289">#990033</span></div>
            <div class="boxr white" style="background: rgb(255, 153, 0); cursor: pointer;" data-clipboard-target="290"><span id="290">#FF9900</span></div>
            <div class="boxc white" style="background: rgb(0, 102, 51); cursor: pointer;" data-clipboard-target="291"><span id="291">#006633</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 0); cursor: pointer;" data-clipboard-target="292"><span id="292">#333300</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="293"><span id="293">#CCCC99</span></div>
            <div class="boxc white" style="background: rgb(0, 102, 51); cursor: pointer;" data-clipboard-target="294"><span id="294">#006633</span></div>
            <div class="boxc white" style="background: rgb(102, 51, 0); cursor: pointer;" data-clipboard-target="295"><span id="295">#663300</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 102); cursor: pointer;" data-clipboard-target="296"><span id="296">#CCCC66</span></div>
            <div class="boxc white" style="background: rgb(153, 51, 51); cursor: pointer;" data-clipboard-target="297"><span id="297">#993333</span></div>
            <div class="boxc white" style="background: rgb(204, 153, 102); cursor: pointer;" data-clipboard-target="298"><span id="298">#CC9966</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 0); cursor: pointer;" data-clipboard-target="299"><span id="299">#003300</span></div>


        </div>
        <!---绿色 end--->
        <!---青绿色 start--->
        <h3 id="blue_green">青绿色</h3>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(204, 255, 153); cursor: pointer;" data-clipboard-target="300"><span id="300">#CCFF99</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="301"><span id="301">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(102, 204, 204); cursor: pointer;" data-clipboard-target="302"><span id="302">#66CCCC</span></div>
            <div class="boxc white" style="background: rgb(51, 153, 153); cursor: pointer;" data-clipboard-target="303"><span id="303">#339999</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="304"><span id="304">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="305"><span id="305">#99CCFF</span></div>
            <div class="boxc white" style="background: rgb(102, 204, 153); cursor: pointer;" data-clipboard-target="306"><span id="306">#66CC99</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="307"><span id="307">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 153); cursor: pointer;" data-clipboard-target="308"><span id="308">#666699</span></div>
            <div class="boxc white" style="background: rgb(0, 153, 153); cursor: pointer;" data-clipboard-target="309"><span id="309">#009999</span></div>
            <div class="boxc" style="background: rgb(102, 204, 204); cursor: pointer;" data-clipboard-target="310"><span id="310">#66CCCC</span></div>
            <div class="boxr" style="background: rgb(204, 255, 255); cursor: pointer;" data-clipboard-target="311"><span id="311">#CCFFFF</span></div>


            <div class="boxc" style="background: rgb(102, 204, 204); cursor: pointer;" data-clipboard-target="312"><span id="312">#66CCCC</span></div>
            <div class="boxc" style="background: rgb(204, 255, 102); cursor: pointer;" data-clipboard-target="313"><span id="313">#CCFF66</span></div>
            <div class="boxr" style="background: rgb(255, 153, 204); cursor: pointer;" data-clipboard-target="314"><span id="314">#FF99CC</span></div>
            <div class="boxc white" style="background: rgb(51, 153, 153); cursor: pointer;" data-clipboard-target="315"><span id="315">#339999</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="316"><span id="316">#FFFF00</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="317"><span id="317">#336699</span></div>
            <div class="boxc white" style="background: rgb(204, 153, 51); cursor: pointer;" data-clipboard-target="318"><span id="318">#CC9933</span></div>
            <div class="boxc white" style="background: rgb(51, 153, 153); cursor: pointer;" data-clipboard-target="319"><span id="319">#339999</span></div>
            <div class="boxr white" style="background: rgb(255, 204, 51); cursor: pointer;" data-clipboard-target="320"><span id="320">#FFCC33</span></div>
            <div class="boxc white" style="background: rgb(255, 204, 0); cursor: pointer;" data-clipboard-target="321"><span id="321">#FFCC00</span></div>
            <div class="boxc white" style="background: rgb(0, 153, 153); cursor: pointer;" data-clipboard-target="322"><span id="322">#009999</span></div>
            <div class="boxr white" style="background: rgb(204, 51, 51); cursor: pointer;" data-clipboard-target="323"><span id="323">#CC3333</span></div>


            <div class="boxc white" style="background: rgb(102, 153, 153); cursor: pointer;" data-clipboard-target="324"><span id="324">#669999</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="325"><span id="325">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="326"><span id="326">#CC99CC</span></div>
            <div class="boxc white" style="background: rgb(51, 153, 153); cursor: pointer;" data-clipboard-target="327"><span id="327">#339999</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="328"><span id="328">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="329"><span id="329">#000000</span></div>
            <div class="boxc white" style="background: rgb(51, 153, 153); cursor: pointer;" data-clipboard-target="330"><span id="330">#339999</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 153); cursor: pointer;" data-clipboard-target="331"><span id="331">#666699</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="332"><span id="332">#CCCCCC</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 51); cursor: pointer;" data-clipboard-target="333"><span id="333">#003333</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 153); cursor: pointer;" data-clipboard-target="334"><span id="334">#99CC99</span></div>
            <div class="boxr" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="335"><span id="335">#FFFFCC</span></div>


            <div class="boxc white" style="background: rgb(102, 153, 153); cursor: pointer;" data-clipboard-target="336"><span id="336">#669999</span></div>
            <div class="boxc white" style="background: rgb(204, 255, 204); cursor: pointer;" data-clipboard-target="337"><span id="337">#CCFFCC</span></div>
            <div class="boxr white" style="background: rgb(153, 102, 153); cursor: pointer;" data-clipboard-target="338"><span id="338">#996699</span></div>
            <div class="boxc white" style="background: rgb(153, 102, 153); cursor: pointer;" data-clipboard-target="339"><span id="339">#996699</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="340"><span id="340">#CCCC99</span></div>
            <div class="boxr white" style="background: rgb(102, 153, 153); cursor: pointer;" data-clipboard-target="341"><span id="341">#669999</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 102); cursor: pointer;" data-clipboard-target="342"><span id="342">#999966</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="343"><span id="343">#CCCC99</span></div>
            <div class="boxr white" style="background: rgb(51, 153, 153); cursor: pointer;" data-clipboard-target="344"><span id="344">#339999</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 102); cursor: pointer;" data-clipboard-target="345"><span id="345">#336666</span></div>
            <div class="boxc white" style="background: rgb(102, 153, 153); cursor: pointer;" data-clipboard-target="346"><span id="346">#669999</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="347"><span id="347">#CCCC99</span></div>


            <div class="boxc white" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="348"><span id="348">#999999</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="349"><span id="349">#003366</span></div>
            <div class="boxr white" style="background: rgb(102, 153, 153); cursor: pointer;" data-clipboard-target="350"><span id="350">#669999</span></div>
            <div class="boxc white" style="background: rgb(102, 51, 51); cursor: pointer;" data-clipboard-target="351"><span id="351">#663333</span></div>
            <div class="boxc white" style="background: rgb(51, 153, 153); cursor: pointer;" data-clipboard-target="352"><span id="352">#339999</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 102); cursor: pointer;" data-clipboard-target="353"><span id="353">#CCCC66</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="354"><span id="354">#333333</span></div>
            <div class="boxc white" style="background: rgb(51, 153, 153); cursor: pointer;" data-clipboard-target="355"><span id="355">#339999</span></div>
            <div class="boxr white" style="background: rgb(204, 255, 204); cursor: pointer;" data-clipboard-target="356"><span id="356">#CCFFCC</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 102); cursor: pointer;" data-clipboard-target="357"><span id="357">#336666</span></div>
            <div class="boxc white" style="background: rgb(51, 153, 204); cursor: pointer;" data-clipboard-target="358"><span id="358">#3399CC</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="359"><span id="359">#666666</span></div>


        </div>
        <!---青绿色 end--->
        <!---蓝色 start--->
        <h3 id="blue">蓝色</h3>
        <p class="blockQuote">-是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛(象天空的色彩:) 白色---具有洁白，明快，纯真，清洁的感受。</p>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="360"><span id="360">#FFFFCC</span></div>
            <div class="boxc" style="background: rgb(204, 255, 255); cursor: pointer;" data-clipboard-target="361"><span id="361">#CCFFFF</span></div>
            <div class="boxr" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="362"><span id="362">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(153, 204, 204); cursor: pointer;" data-clipboard-target="363"><span id="363">#99CCCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="364"><span id="364">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(51, 153, 204); cursor: pointer;" data-clipboard-target="365"><span id="365">#3399CC</span></div>
            <div class="boxc" style="background: rgb(204, 255, 204); cursor: pointer;" data-clipboard-target="366"><span id="366">#CCFFCC</span></div>
            <div class="boxc" style="background: rgb(153, 204, 204); cursor: pointer;" data-clipboard-target="367"><span id="367">#99CCCC</span></div>
            <div class="boxr" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="368"><span id="368">#FFFFCC</span></div>
            <div class="boxc" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="369"><span id="369">#CCCCFF</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="370"><span id="370">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="371"><span id="371">#99CCFF</span></div>


            <div class="boxc" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="372"><span id="372">#FFCC99</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="373"><span id="373">#FFFFCC</span></div>
            <div class="boxr" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="374"><span id="374">#99CCFF</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="375"><span id="375">#336699</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="376"><span id="376">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(153, 204, 204); cursor: pointer;" data-clipboard-target="377"><span id="377">#99CCCC</span></div>
            <div class="boxc" style="background: rgb(153, 204, 204); cursor: pointer;" data-clipboard-target="378"><span id="378">#99CCCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="379"><span id="379">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(204, 255, 153); cursor: pointer;" data-clipboard-target="380"><span id="380">#CCFF99</span></div>
            <div class="boxc" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="381"><span id="381">#CCCCFF</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="382"><span id="382">#FFFFCC</span></div>
            <div class="boxr" style="background: rgb(204, 255, 255); cursor: pointer;" data-clipboard-target="383"><span id="383">#CCFFFF</span></div>


            <div class="boxc" style="background: rgb(153, 204, 204); cursor: pointer;" data-clipboard-target="384"><span id="384">#99CCCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="385"><span id="385">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="386"><span id="386">#336699</span></div>
            <div class="boxc" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="387"><span id="387">#99CCFF</span></div>
            <div class="boxc" style="background: rgb(204, 255, 255); cursor: pointer;" data-clipboard-target="388"><span id="388">#CCFFFF</span></div>
            <div class="boxr white" style="background: rgb(102, 153, 204); cursor: pointer;" data-clipboard-target="389"><span id="389">#6699CC</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="390"><span id="390">#99CC33</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="391"><span id="391">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(51, 153, 204); cursor: pointer;" data-clipboard-target="392"><span id="392">#3399CC</span></div>
            <div class="boxc white" style="background: rgb(0, 153, 204); cursor: pointer;" data-clipboard-target="393"><span id="393">#0099CC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="394"><span id="394">#FFFFCC</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 153); cursor: pointer;" data-clipboard-target="395"><span id="395">#666699</span></div>


            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="396"><span id="396">#CCCCCC</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="397"><span id="397">#003366</span></div>
            <div class="boxr" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="398"><span id="398">#99CCFF</span></div>
            <div class="boxc white" style="background: rgb(0, 153, 204); cursor: pointer;" data-clipboard-target="399"><span id="399">#0099CC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="400"><span id="400">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="401"><span id="401">#666666</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="402"><span id="402">#CCCCCC</span></div>
            <div class="boxc white" style="background: rgb(102, 153, 204); cursor: pointer;" data-clipboard-target="403"><span id="403">#6699CC</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="404"><span id="404">#666666</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="405"><span id="405">#336699</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="406"><span id="406">#CCCC99</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="407"><span id="407">#003366</span></div>


            <div class="boxc white" style="background: rgb(51, 153, 204); cursor: pointer;" data-clipboard-target="408"><span id="408">#3399CC</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="409"><span id="409">#003366</span></div>
            <div class="boxr" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="410"><span id="410">#CCCCCC</span></div>
            <div class="boxc white" style="background: rgb(102, 153, 204); cursor: pointer;" data-clipboard-target="411"><span id="411">#6699CC</span></div>
            <div class="boxc white" style="background: rgb(0, 102, 153); cursor: pointer;" data-clipboard-target="412"><span id="412">#006699</span></div>
            <div class="boxr white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="413"><span id="413">#000000</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="414"><span id="414">#003366</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="415"><span id="415">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(0, 102, 153); cursor: pointer;" data-clipboard-target="416"><span id="416">#006699</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 51); cursor: pointer;" data-clipboard-target="417"><span id="417">#999933</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="418"><span id="418">#336699</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="419"><span id="419">#333333</span></div>


        </div>
        <!---蓝色 end--->
        <!---蓝紫色 start--->
        <h3 id="purple_blue">蓝紫色</h3>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(204, 255, 255); cursor: pointer;" data-clipboard-target="420"><span id="420">#CCFFFF</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="421"><span id="421">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="422"><span id="422">#CCCCFF</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="423"><span id="423">#CCCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="424"><span id="424">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 153); cursor: pointer;" data-clipboard-target="425"><span id="425">#666699</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="426"><span id="426">#99CCFF</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="427"><span id="427">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 153); cursor: pointer;" data-clipboard-target="428"><span id="428">#333399</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 204); cursor: pointer;" data-clipboard-target="429"><span id="429">#6666CC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="430"><span id="430">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(255, 153, 153); cursor: pointer;" data-clipboard-target="431"><span id="431">#FF9999</span></div>


            <div class="boxc white" style="background: rgb(153, 153, 255); cursor: pointer;" data-clipboard-target="432"><span id="432">#9999FF</span></div>
            <div class="boxc" style="background: rgb(255, 204, 51); cursor: pointer;" data-clipboard-target="433"><span id="433">#FFCC33</span></div>
            <div class="boxr" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="434"><span id="434">#FFFFCC</span></div>
            <div class="boxc white" style="background: rgb(0, 153, 204); cursor: pointer;" data-clipboard-target="435"><span id="435">#0099CC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="436"><span id="436">#FFFFCC</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 153); cursor: pointer;" data-clipboard-target="437"><span id="437">#666699</span></div>
            <div class="boxc white" style="background: rgb(0, 0, 255); cursor: pointer;" data-clipboard-target="438"><span id="438">#0000FF</span></div>
            <div class="boxc" style="background: rgb(102, 153, 255); cursor: pointer;" data-clipboard-target="439"><span id="439">#6699FF</span></div>
            <div class="boxr" style="background: rgb(204, 255, 255); cursor: pointer;" data-clipboard-target="440"><span id="440">#CCFFFF</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 255); cursor: pointer;" data-clipboard-target="441"><span id="441">#6666FF</span></div>
            <div class="boxc white" style="background: rgb(102, 204, 255); cursor: pointer;" data-clipboard-target="442"><span id="442">#66CCFF</span></div>
            <div class="boxr" style="background: rgb(204, 255, 102); cursor: pointer;" data-clipboard-target="443"><span id="443">#CCFF66</span></div>


            <div class="boxc white" style="background: rgb(102, 153, 153); cursor: pointer;" data-clipboard-target="444"><span id="444">#669999</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="445"><span id="445">#FFFFCC</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 204); cursor: pointer;" data-clipboard-target="446"><span id="446">#6666CC</span></div>
            <div class="boxc" style="background: rgb(153, 153, 204); cursor: pointer;" data-clipboard-target="447"><span id="447">#9999CC</span></div>
            <div class="boxc white" style="background: rgb(255, 153, 153); cursor: pointer;" data-clipboard-target="448"><span id="448">#FF9999</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 153); cursor: pointer;" data-clipboard-target="449"><span id="449">#666699</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 153); cursor: pointer;" data-clipboard-target="450"><span id="450">#003399</span></div>
            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="451"><span id="451">#FFCCCC</span></div>
            <div class="boxr" style="background: rgb(102, 153, 204); cursor: pointer;" data-clipboard-target="452"><span id="452">#6699CC</span></div>
            <div class="boxc white" style="background: rgb(204, 102, 102); cursor: pointer;" data-clipboard-target="453"><span id="453">#CC6666</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 153); cursor: pointer;" data-clipboard-target="454"><span id="454">#333399</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="455"><span id="455">#CCCC00</span></div>


            <div class="boxc white" style="background: rgb(0, 0, 102); cursor: pointer;" data-clipboard-target="456"><span id="456">#000066</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 255); cursor: pointer;" data-clipboard-target="457"><span id="457">#6666FF</span></div>
            <div class="boxr" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="458"><span id="458">#CCCCCC</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 153); cursor: pointer;" data-clipboard-target="459"><span id="459">#003399</span></div>
            <div class="boxc" style="background: rgb(204, 255, 153); cursor: pointer;" data-clipboard-target="460"><span id="460">#CCFF99</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="461"><span id="461">#333333</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 102); cursor: pointer;" data-clipboard-target="462"><span id="462">#333366</span></div>
            <div class="boxc white" style="background: rgb(204, 0, 51); cursor: pointer;" data-clipboard-target="463"><span id="463">#CC0033</span></div>
            <div class="boxr" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="464"><span id="464">#CCCCCC</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="465"><span id="465">#336699</span></div>
            <div class="boxc" style="background: rgb(204, 204, 102); cursor: pointer;" data-clipboard-target="466"><span id="466">#CCCC66</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 0); cursor: pointer;" data-clipboard-target="467"><span id="467">#333300</span></div>


            <div class="boxc white" style="background: rgb(0, 51, 153); cursor: pointer;" data-clipboard-target="468"><span id="468">#003399</span></div>
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="469"><span id="469">#FFFF99</span></div>
            <div class="boxr white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="470"><span id="470">#000000</span></div>
            <div class="boxc white" style="background: rgb(153, 0, 102); cursor: pointer;" data-clipboard-target="471"><span id="471">#990066</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="472"><span id="472">#CCCC33</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 153); cursor: pointer;" data-clipboard-target="473"><span id="473">#003399</span></div>
            <div class="boxc white" style="background: rgb(204, 51, 51); cursor: pointer;" data-clipboard-target="474"><span id="474">#CC3333</span></div>
            <div class="boxc white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="475"><span id="475">#000000</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 153); cursor: pointer;" data-clipboard-target="476"><span id="476">#003399</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 102); cursor: pointer;" data-clipboard-target="477"><span id="477">#333366</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 102); cursor: pointer;" data-clipboard-target="478"><span id="478">#999966</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="479"><span id="479">#333333</span></div>


        </div>
        <!---蓝紫色 end--->
        <!---紫色 start--->
        <h3 id="purple">紫色</h3>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="480"><span id="480">#FFFFCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="481"><span id="481">#FFFF99</span></div>
            <div class="boxr" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="482"><span id="482">#CCCCFF</span></div>
            <div class="boxc" style="background: rgb(153, 153, 204); cursor: pointer;" data-clipboard-target="483"><span id="483">#9999CC</span></div>
            <div class="boxc" style="background: rgb(153, 204, 153); cursor: pointer;" data-clipboard-target="484"><span id="484">#99CC99</span></div>
            <div class="boxr" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="485"><span id="485">#FFFFFF</span></div>
            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="486"><span id="486">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="487"><span id="487">#CCCCFF</span></div>
            <div class="boxr" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="488"><span id="488">#CCCC99</span></div>
            <div class="boxc" style="background: rgb(153, 153, 204); cursor: pointer;" data-clipboard-target="489"><span id="489">#9999CC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="490"><span id="490">#FFFFCC</span></div>
            <div class="boxr" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="491"><span id="491">#FFCCCC</span></div>


            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="492"><span id="492">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 153, 204); cursor: pointer;" data-clipboard-target="493"><span id="493">#FF99CC</span></div>
            <div class="boxr" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="494"><span id="494">#CCCCFF</span></div>
            <div class="boxc white" style="background: rgb(102, 0, 102); cursor: pointer;" data-clipboard-target="495"><span id="495">#660066</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="496"><span id="496">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 51); cursor: pointer;" data-clipboard-target="497"><span id="497">#663333</span></div>
            <div class="boxc" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="498"><span id="498">#CCCC99</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="499"><span id="499">#333333</span></div>
            <div class="boxr white" style="background: rgb(153, 102, 204); cursor: pointer;" data-clipboard-target="500"><span id="500">#9966CC</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="501"><span id="501">#CCCC00</span></div>
            <div class="boxc white" style="background: rgb(255, 153, 102); cursor: pointer;" data-clipboard-target="502"><span id="502">#FF9966</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 153); cursor: pointer;" data-clipboard-target="503"><span id="503">#663399</span></div>


            <div class="boxc white" style="background: rgb(153, 102, 153); cursor: pointer;" data-clipboard-target="504"><span id="504">#996699</span></div>
            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="505"><span id="505">#FFCCCC</span></div>
            <div class="boxr" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="506"><span id="506">#CC99CC</span></div>
            <div class="boxc white" style="background: rgb(153, 102, 102); cursor: pointer;" data-clipboard-target="507"><span id="507">#996666</span></div>
            <div class="boxc" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="508"><span id="508">#CC99CC</span></div>
            <div class="boxr" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="509"><span id="509">#FFCCCC</span></div>
            <div class="boxc white" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="510"><span id="510">#FFCC99</span></div>
            <div class="boxc white" style="background: rgb(255, 153, 51); cursor: pointer;" data-clipboard-target="511"><span id="511">#FF9933</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="512"><span id="512">#663366</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 153); cursor: pointer;" data-clipboard-target="513"><span id="513">#333399</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="514"><span id="514">#CCCCFF</span></div>
            <div class="boxr white" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="515"><span id="515">#CC99CC</span></div>


            <div class="boxc white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="516"><span id="516">#663366</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="517"><span id="517">#CCCCCC</span></div>
            <div class="boxr" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="518"><span id="518">#CC99CC</span></div>
            <div class="boxc white" style="background: rgb(153, 102, 153); cursor: pointer;" data-clipboard-target="519"><span id="519">#996699</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 204); cursor: pointer;" data-clipboard-target="520"><span id="520">#9999CC</span></div>
            <div class="boxr" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="521"><span id="521">#CCCCFF</span></div>
            <div class="boxc white" style="background: rgb(204, 153, 102); cursor: pointer;" data-clipboard-target="522"><span id="522">#CC9966</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="523"><span id="523">#999999</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="524"><span id="524">#663366</span></div>
            <div class="boxc white" style="background: rgb(51, 0, 51); cursor: pointer;" data-clipboard-target="525"><span id="525">#330033</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="526"><span id="526">#666666</span></div>
            <div class="boxr white" style="background: rgb(102, 153, 153); cursor: pointer;" data-clipboard-target="527"><span id="527">#669999</span></div>


            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="528"><span id="528">#CCCCCC</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="529"><span id="529">#999999</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="530"><span id="530">#663366</span></div>
            <div class="boxc white" style="background: rgb(255, 51, 204); cursor: pointer;" data-clipboard-target="531"><span id="531">#FF33CC</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="532"><span id="532">#CCCC99</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="533"><span id="533">#663366</span></div>
            <div class="boxc white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="534"><span id="534">#663366</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="535"><span id="535">#999999</span></div>
            <div class="boxr" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="536"><span id="536">#CCCCFF</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 102); cursor: pointer;" data-clipboard-target="537"><span id="537">#999966</span></div>
            <div class="boxc white" style="background: rgb(153, 51, 51); cursor: pointer;" data-clipboard-target="538"><span id="538">#993333</span></div>
            <div class="boxr white" style="background: rgb(51, 0, 51); cursor: pointer;" data-clipboard-target="539"><span id="539">#330033</span></div>


        </div>
        <!---紫色 end--->
        <!---紫红色 start--->
        <!---紫红色 end--->
        <!---紫色 start--->
        <h3 id="purple_red">紫红色</h3>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="540"><span id="540">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="541"><span id="541">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(153, 204, 0); cursor: pointer;" data-clipboard-target="542"><span id="542">#99CC00</span></div>
            <div class="boxc" style="background: rgb(255, 153, 204); cursor: pointer;" data-clipboard-target="543"><span id="543">#FF99CC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="544"><span id="544">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(153, 51, 102); cursor: pointer;" data-clipboard-target="545"><span id="545">#993366</span></div>
            <div class="boxc white" style="background: rgb(102, 204, 153); cursor: pointer;" data-clipboard-target="546"><span id="546">#66CC99</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="547"><span id="547">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(204, 102, 153); cursor: pointer;" data-clipboard-target="548"><span id="548">#CC6699</span></div>
            <div class="boxc" style="background: rgb(204, 153, 153); cursor: pointer;" data-clipboard-target="549"><span id="549">#CC9999</span></div>
            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="550"><span id="550">#FFCCCC</span></div>
            <div class="boxr" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="551"><span id="551">#CC99CC</span></div>


            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="552"><span id="552">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="553"><span id="553">#FFFF99</span></div>
            <div class="boxr" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="554"><span id="554">#CCCCFF</span></div>
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="555"><span id="555">#FFFF99</span></div>
            <div class="boxc white" style="background: rgb(153, 51, 153); cursor: pointer;" data-clipboard-target="556"><span id="556">#993399</span></div>
            <div class="boxr" style="background: rgb(255, 153, 204); cursor: pointer;" data-clipboard-target="557"><span id="557">#FF99CC</span></div>
            <div class="boxc" style="background: rgb(102, 204, 204); cursor: pointer;" data-clipboard-target="558"><span id="558">#66CCCC</span></div>
            <div class="boxc" style="background: rgb(204, 255, 102); cursor: pointer;" data-clipboard-target="559"><span id="559">#CCFF66</span></div>
            <div class="boxr" style="background: rgb(255, 153, 204); cursor: pointer;" data-clipboard-target="560"><span id="560">#FF99CC</span></div>
            <div class="boxc" style="background: rgb(255, 153, 204); cursor: pointer;" data-clipboard-target="561"><span id="561">#FF99CC</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 153); cursor: pointer;" data-clipboard-target="562"><span id="562">#003399</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="563"><span id="563">#CCCC00</span></div>


            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="564"><span id="564">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 153, 204); cursor: pointer;" data-clipboard-target="565"><span id="565">#FF99CC</span></div>
            <div class="boxr" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="566"><span id="566">#CCCCFF</span></div>
            <div class="boxc" style="background: rgb(255, 153, 153); cursor: pointer;" data-clipboard-target="567"><span id="567">#FF9999</span></div>
            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="568"><span id="568">#FFCCCC</span></div>
            <div class="boxr" style="background: rgb(255, 153, 204); cursor: pointer;" data-clipboard-target="569"><span id="569">#FF99CC</span></div>
            <div class="boxc white" style="background: rgb(102, 153, 102); cursor: pointer;" data-clipboard-target="570"><span id="570">#669966</span></div>
            <div class="boxc white" style="background: rgb(204, 102, 153); cursor: pointer;" data-clipboard-target="571"><span id="571">#CC6699</span></div>
            <div class="boxr" style="background: rgb(255, 204, 255); cursor: pointer;" data-clipboard-target="572"><span id="572">#FFCCFF</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="573"><span id="573">#CCCCCC</span></div>
            <div class="boxc white" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="574"><span id="574">#CC99CC</span></div>
            <div class="boxr white" style="background: rgb(204, 51, 153); cursor: pointer;" data-clipboard-target="575"><span id="575">#CC3399</span></div>


            <div class="boxc white" style="background: rgb(204, 51, 153); cursor: pointer;" data-clipboard-target="576"><span id="576">#CC3399</span></div>
            <div class="boxc" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="577"><span id="577">#FFCC99</span></div>
            <div class="boxr white" style="background: rgb(255, 102, 102); cursor: pointer;" data-clipboard-target="578"><span id="578">#FF6666</span></div>
            <div class="boxc white" style="background: rgb(255, 51, 153); cursor: pointer;" data-clipboard-target="579"><span id="579">#FF3399</span></div>
            <div class="boxc" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="580"><span id="580">#CCCC99</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="581"><span id="581">#663366</span></div>
            <div class="boxc white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="582"><span id="582">#663366</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="583"><span id="583">#FFFFCC</span></div>
            <div class="boxr" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="584"><span id="584">#FFCCCC</span></div>
            <div class="boxc white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="585"><span id="585">#663366</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="586"><span id="586">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="587"><span id="587">#CC99CC</span></div>


            <div class="boxc white" style="background: rgb(153, 0, 102); cursor: pointer;" data-clipboard-target="588"><span id="588">#990066</span></div>
            <div class="boxc white" style="background: rgb(255, 204, 0); cursor: pointer;" data-clipboard-target="589"><span id="589">#FFCC00</span></div>
            <div class="boxr white" style="background: rgb(204, 0, 51); cursor: pointer;" data-clipboard-target="590"><span id="590">#CC0033</span></div>
            <div class="boxc white" style="background: rgb(153, 0, 102); cursor: pointer;" data-clipboard-target="591"><span id="591">#990066</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="592"><span id="592">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(0, 102, 153); cursor: pointer;" data-clipboard-target="593"><span id="593">#006699</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 0); cursor: pointer;" data-clipboard-target="594"><span id="594">#999900</span></div>
            <div class="boxc white" style="background: rgb(153, 0, 51); cursor: pointer;" data-clipboard-target="595"><span id="595">#990033</span></div>
            <div class="boxr white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="596"><span id="596">#000000</span></div>
            <div class="boxc white" style="background: rgb(153, 0, 102); cursor: pointer;" data-clipboard-target="597"><span id="597">#990066</span></div>
            <div class="boxc white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="598"><span id="598">#000000</span></div>
            <div class="boxr white" style="background: rgb(0, 153, 102); cursor: pointer;" data-clipboard-target="599"><span id="599">#009966</span></div>


        </div>
        <!---紫色 end--->

        <h2>按印象的搭配分类</h2>
        <p class="blockQuote">色彩搭配看似复杂，但并不神秘。既然每种色彩在印象空间中都有自己的位置，那么色彩搭配得到的印象可以用加减法来近似估算。如果每种色彩都是高亮度的，那么它们的叠加，自然会是柔和、明亮的；如果每种色彩都是浓烈的，那么它们叠加，就会是浓烈的。当然在实际设计过程中，设计师还要考虑到乘除法，比如同样亮度和对比度的色彩，在色环上的角度不同，搭配起来就会得到千变万化的感觉。因此本书除了要列举出按色相的搭配，也要将印象作为重点的搭配分类列举出来，以供读者参考。</p>
        <h3 id="qmw">柔和、明亮、温柔</h3>
        <p class="blockQuote">亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉。为了避免刺眼，设计师一般会用低亮度的前景色调和，同时色彩在色环之间的距离也有助于避免沉闷。</p>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="600"><span id="600">#FFFFCC</span></div>
            <div class="boxc" style="background: rgb(204, 255, 255); cursor: pointer;" data-clipboard-target="601"><span id="601">#CCFFFF</span></div>
            <div class="boxr" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="602"><span id="602">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="603"><span id="603">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="604"><span id="604">#FFFF99</span></div>
            <div class="boxr" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="605"><span id="605">#CCCCFF</span></div>
            <div class="boxc" style="background: rgb(255, 153, 102); cursor: pointer;" data-clipboard-target="606"><span id="606">#FF9966</span></div>
            <div class="boxc" style="background: rgb(255, 102, 102); cursor: pointer;" data-clipboard-target="607"><span id="607">#FF6666</span></div>
            <div class="boxr" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="608"><span id="608">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="609"><span id="609">#FFCC99</span></div>
            <div class="boxc" style="background: rgb(204, 255, 153); cursor: pointer;" data-clipboard-target="610"><span id="610">#CCFF99</span></div>
            <div class="boxr" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="611"><span id="611">#CCCCCC</span></div>


            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="612"><span id="612">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="613"><span id="613">#CCCCFF</span></div>
            <div class="boxr" style="background: rgb(204, 255, 204); cursor: pointer;" data-clipboard-target="614"><span id="614">#CCFFCC</span></div>
            <div class="boxc" style="background: rgb(204, 255, 255); cursor: pointer;" data-clipboard-target="615"><span id="615">#CCFFFF</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="616"><span id="616">#CCCCCC</span></div>
            <div class="boxr" style="background: rgb(204, 255, 153); cursor: pointer;" data-clipboard-target="617"><span id="617">#CCFF99</span></div>
            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="618"><span id="618">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="619"><span id="619">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(153, 204, 153); cursor: pointer;" data-clipboard-target="620"><span id="620">#99CC99</span></div>
            <div class="boxc" style="background: rgb(153, 204, 204); cursor: pointer;" data-clipboard-target="621"><span id="621">#99CCCC</span></div>
            <div class="boxc" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="622"><span id="622">#FFCC99</span></div>
            <div class="boxr" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="623"><span id="623">#FFCCCC</span></div>


            <div class="boxc" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="624"><span id="624">#CCCCFF</span></div>
            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="625"><span id="625">#FFCCCC</span></div>
            <div class="boxr" style="background: rgb(204, 255, 255); cursor: pointer;" data-clipboard-target="626"><span id="626">#CCFFFF</span></div>
            <div class="boxc" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="627"><span id="627">#FFCC99</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="628"><span id="628">#FFFFCC</span></div>
            <div class="boxr" style="background: rgb(153, 204, 204); cursor: pointer;" data-clipboard-target="629"><span id="629">#99CCCC</span></div>


        </div>
        <div style="clear: both;"></div>

        <h3 id="rjs" class="clearfix">柔和、洁净、爽朗</h3>
        <p class="blockQuote">对于柔和、清洁、爽朗的印象，色环中蓝到绿相邻的颜色应该是最适合的。并且亮度偏高。可以看到，几乎每个组合都有白色参与。当然在实际设计时，可以用蓝绿相反色相的高亮度有彩色代替白色。</p>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(204, 255, 153); cursor: pointer;" data-clipboard-target="630"><span id="630">#CCFF99</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="631"><span id="631">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="632"><span id="632">#99CCFF</span></div>
            <div class="boxc" style="background: rgb(153, 204, 204); cursor: pointer;" data-clipboard-target="633"><span id="633">#99CCCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="634"><span id="634">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(204, 255, 153); cursor: pointer;" data-clipboard-target="635"><span id="635">#CCFF99</span></div>
            <div class="boxc" style="background: rgb(204, 255, 204); cursor: pointer;" data-clipboard-target="636"><span id="636">#CCFFCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="637"><span id="637">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(102, 204, 204); cursor: pointer;" data-clipboard-target="638"><span id="638">#66CCCC</span></div>
            <div class="boxc" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="639"><span id="639">#CCCCFF</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="640"><span id="640">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(153, 204, 204); cursor: pointer;" data-clipboard-target="641"><span id="641">#99CCCC</span></div>


            <div class="boxc" style="background: rgb(204, 255, 204); cursor: pointer;" data-clipboard-target="642"><span id="642">#CCFFCC</span></div>
            <div class="boxc" style="background: rgb(153, 204, 204); cursor: pointer;" data-clipboard-target="643"><span id="643">#99CCCC</span></div>
            <div class="boxr" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="644"><span id="644">#FFFFCC</span></div>
            <div class="boxc" style="background: rgb(204, 255, 255); cursor: pointer;" data-clipboard-target="645"><span id="645">#CCFFFF</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="646"><span id="646">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="647"><span id="647">#CCCCFF</span></div>
            <div class="boxc" style="background: rgb(204, 255, 255); cursor: pointer;" data-clipboard-target="648"><span id="648">#CCFFFF</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="649"><span id="649">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="650"><span id="650">#99CCFF</span></div>
            <div class="boxc" style="background: rgb(102, 204, 255); cursor: pointer;" data-clipboard-target="651"><span id="651">#66CCFF</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="652"><span id="652">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(204, 255, 255); cursor: pointer;" data-clipboard-target="653"><span id="653">#CCFFFF</span></div>


            <div class="boxc" style="background: rgb(102, 153, 204); cursor: pointer;" data-clipboard-target="654"><span id="654">#6699CC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="655"><span id="655">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="656"><span id="656">#99CCFF</span></div>
            <div class="boxc" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="657"><span id="657">#CCCCFF</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="658"><span id="658">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="659"><span id="659">#99CCFF</span></div>


        </div>
        <div style="clear: both;"></div>

        <h3 id="kky">可爱、快乐、有趣</h3>
        <p class="blockQuote">可爱、快乐、有趣印象中的色彩搭配特点是，色相分布均匀，冷暖搭配，饱和度高，色彩分辨度高。</p>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(102, 204, 204); cursor: pointer;" data-clipboard-target="660"><span id="660">#66CCCC</span></div>
            <div class="boxc" style="background: rgb(204, 255, 102); cursor: pointer;" data-clipboard-target="661"><span id="661">#CCFF66</span></div>
            <div class="boxr" style="background: rgb(255, 153, 204); cursor: pointer;" data-clipboard-target="662"><span id="662">#FF99CC</span></div>
            <div class="boxc" style="background: rgb(255, 153, 153); cursor: pointer;" data-clipboard-target="663"><span id="663">#FF9999</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="664"><span id="664">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="665"><span id="665">#FFCC99</span></div>
            <div class="boxc" style="background: rgb(255, 102, 102); cursor: pointer;" data-clipboard-target="666"><span id="666">#FF6666</span></div>
            <div class="boxc" style="background: rgb(255, 255, 102); cursor: pointer;" data-clipboard-target="667"><span id="667">#FFFF66</span></div>
            <div class="boxr" style="background: rgb(153, 204, 102); cursor: pointer;" data-clipboard-target="668"><span id="668">#99CC66</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 153); cursor: pointer;" data-clipboard-target="669"><span id="669">#666699</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="670"><span id="670">#FFFFFF</span></div>
            <div class="boxr" style="background: rgb(255, 153, 153); cursor: pointer;" data-clipboard-target="671"><span id="671">#FF9999</span></div>


            <div class="boxc white" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="672"><span id="672">#99CC33</span></div>
            <div class="boxc white" style="background: rgb(255, 153, 0); cursor: pointer;" data-clipboard-target="673"><span id="673">#FF9900</span></div>
            <div class="boxr white" style="background: rgb(255, 204, 0); cursor: pointer;" data-clipboard-target="674"><span id="674">#FFCC00</span></div>
            <div class="boxc white" style="background: rgb(255, 0, 51); cursor: pointer;" data-clipboard-target="675"><span id="675">#FF0033</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="676"><span id="676">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(255, 153, 102); cursor: pointer;" data-clipboard-target="677"><span id="677">#FF9966</span></div>
            <div class="boxc white" style="background: rgb(255, 153, 0); cursor: pointer;" data-clipboard-target="678"><span id="678">#FF9900</span></div>
            <div class="boxc" style="background: rgb(204, 255, 0); cursor: pointer;" data-clipboard-target="679"><span id="679">#CCFF00</span></div>
            <div class="boxr white" style="background: rgb(204, 51, 153); cursor: pointer;" data-clipboard-target="680"><span id="680">#CC3399</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="681"><span id="681">#99CC33</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="682"><span id="682">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(255, 102, 0); cursor: pointer;" data-clipboard-target="683"><span id="683">#FF6600</span></div>


            <div class="boxc white" style="background: rgb(153, 51, 102); cursor: pointer;" data-clipboard-target="684"><span id="684">#993366</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="685"><span id="685">#CCCC33</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 51); cursor: pointer;" data-clipboard-target="686"><span id="686">#666633</span></div>
            <div class="boxc white" style="background: rgb(102, 204, 204); cursor: pointer;" data-clipboard-target="687"><span id="687">#66CCCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="688"><span id="688">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 153); cursor: pointer;" data-clipboard-target="689"><span id="689">#666699</span></div>


        </div>
        <div style="clear: both;"></div>

        <h3 id="hky">活泼、快乐、有趣</h3>
        <p class="blockQuote">活泼、快乐、有趣相对前一种印象，色彩选择更加广泛，?最重要的变化是将纯白色用低饱和有彩色或者灰色取代。</p>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(204, 153, 153); cursor: pointer;" data-clipboard-target="690"><span id="690">#CC9999</span></div>
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="691"><span id="691">#FFFF99</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 153); cursor: pointer;" data-clipboard-target="692"><span id="692">#666699</span></div>
            <div class="boxc" style="background: rgb(255, 153, 0); cursor: pointer;" data-clipboard-target="693"><span id="693">#FF9900</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="694"><span id="694">#FFFF00</span></div>
            <div class="boxr white" style="background: rgb(0, 153, 204); cursor: pointer;" data-clipboard-target="695"><span id="695">#0099CC</span></div>
            <div class="boxc" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="696"><span id="696">#CCCC99</span></div>
            <div class="boxc white" style="background: rgb(204, 51, 153); cursor: pointer;" data-clipboard-target="697"><span id="697">#CC3399</span></div>
            <div class="boxr" style="background: rgb(153, 204, 0); cursor: pointer;" data-clipboard-target="698"><span id="698">#99CC00</span></div>
            <div class="boxc white" style="background: rgb(255, 102, 102); cursor: pointer;" data-clipboard-target="699"><span id="699">#FF6666</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="700"><span id="700">#FFFF00</span></div>
            <div class="boxr white" style="background: rgb(51, 153, 204); cursor: pointer;" data-clipboard-target="701"><span id="701">#3399CC</span></div>


            <div class="boxc white" style="background: rgb(204, 102, 0); cursor: pointer;" data-clipboard-target="702"><span id="702">#CC6600</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="703"><span id="703">#999999</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="704"><span id="704">#CCCC33</span></div>
            <div class="boxc white" style="background: rgb(255, 153, 51); cursor: pointer;" data-clipboard-target="705"><span id="705">#FF9933</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="706"><span id="706">#FFFFCC</span></div>
            <div class="boxr white" style="background: rgb(0, 153, 51); cursor: pointer;" data-clipboard-target="707"><span id="707">#009933</span></div>
            <div class="boxc white" style="background: rgb(0, 153, 204); cursor: pointer;" data-clipboard-target="708"><span id="708">#0099CC</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="709"><span id="709">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(255, 102, 102); cursor: pointer;" data-clipboard-target="710"><span id="710">#FF6666</span></div>
            <div class="boxc white" style="background: rgb(255, 102, 0); cursor: pointer;" data-clipboard-target="711"><span id="711">#FF6600</span></div>
            <div class="boxc" style="background: rgb(255, 255, 102); cursor: pointer;" data-clipboard-target="712"><span id="712">#FFFF66</span></div>
            <div class="boxr white" style="background: rgb(0, 153, 102); cursor: pointer;" data-clipboard-target="713"><span id="713">#009966</span></div>


            <div class="boxc white" style="background: rgb(204, 102, 51); cursor: pointer;" data-clipboard-target="714"><span id="714">#CC6633</span></div>
            <div class="boxc" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="715"><span id="715">#FFCC99</span></div>
            <div class="boxr white" style="background: rgb(204, 102, 0); cursor: pointer;" data-clipboard-target="716"><span id="716">#CC6600</span></div>
            <div class="boxc white" style="background: rgb(204, 0, 102); cursor: pointer;" data-clipboard-target="717"><span id="717">#CC0066</span></div>
            <div class="boxc white" style="background: rgb(0, 153, 153); cursor: pointer;" data-clipboard-target="718"><span id="718">#009999</span></div>
            <div class="boxr white" style="background: rgb(255, 204, 51); cursor: pointer;" data-clipboard-target="719"><span id="719">#FFCC33</span></div>


        </div>
        <div style="clear: both;"></div>

        <h3 id="yq">运动型、轻快</h3>
        <p class="blockQuote">运动的色彩要强化激烈、刺激的感受，同时还要体现健康、快乐、阳光。因此饱和度较高、亮度偏低的色彩在这类印象中经常登场。</p>
        <div class="clearfix CorConList">
            <div class="boxc white" style="background: rgb(255, 102, 102); cursor: pointer;" data-clipboard-target="720"><span id="720">#FF6666</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="721"><span id="721">#FFFF00</span></div>
            <div class="boxr white" style="background: rgb(0, 102, 153); cursor: pointer;" data-clipboard-target="722"><span id="722">#006699</span></div>
            <div class="boxc white" style="background: rgb(255, 153, 102); cursor: pointer;" data-clipboard-target="723"><span id="723">#FF9966</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="724"><span id="724">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(0, 102, 204); cursor: pointer;" data-clipboard-target="725"><span id="725">#0066CC</span></div>
            <div class="boxc white" style="background: rgb(51, 153, 51); cursor: pointer;" data-clipboard-target="726"><span id="726">#339933</span></div>
            <div class="boxc white" style="background: rgb(255, 204, 51); cursor: pointer;" data-clipboard-target="727"><span id="727">#FFCC33</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="728"><span id="728">#336699</span></div>
            <div class="boxc white" style="background: rgb(255, 153, 0); cursor: pointer;" data-clipboard-target="729"><span id="729">#FF9900</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="730"><span id="730">#FFFFCC</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="731"><span id="731">#336699</span></div>


            <div class="boxc white" style="background: rgb(204, 102, 0); cursor: pointer;" data-clipboard-target="732"><span id="732">#CC6600</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 68); cursor: pointer;" data-clipboard-target="733"><span id="733">#CCCC44</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="734"><span id="734">#336699</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="735"><span id="735">#99CC33</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="736"><span id="736">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(0, 153, 204); cursor: pointer;" data-clipboard-target="737"><span id="737">#0099CC</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="738"><span id="738">#99CC33</span></div>
            <div class="boxc white" style="background: rgb(255, 102, 102); cursor: pointer;" data-clipboard-target="739"><span id="739">#FF6666</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="740"><span id="740">#336699</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="741"><span id="741">#336699</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="742"><span id="742">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(153, 204, 204); cursor: pointer;" data-clipboard-target="743"><span id="743">#99CCCC</span></div>


            <div class="boxc white" style="background: rgb(255, 0, 51); cursor: pointer;" data-clipboard-target="744"><span id="744">#FF0033</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 153); cursor: pointer;" data-clipboard-target="745"><span id="745">#333399</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="746"><span id="746">#CCCC00</span></div>
            <div class="boxc white" style="background: rgb(51, 204, 153); cursor: pointer;" data-clipboard-target="747"><span id="747">#33CC99</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="748"><span id="748">#FFFF00</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="749"><span id="749">#336699</span></div>

        </div>
        <div style="clear: both;"></div>

        <h3 id="qhd">轻快、华丽、动感</h3>
        <p class="blockQuote">华丽的印象要求页面充斥有彩色，并且饱和度偏高，而亮度适当减弱则能强化这种印象。</p>
        <div class="clearfix CorConList">
            <div class="boxc white" style="background: rgb(153, 0, 102); cursor: pointer;" data-clipboard-target="750"><span id="750">#990066</span></div>
            <div class="boxc white" style="background: rgb(255, 204, 0); cursor: pointer;" data-clipboard-target="751"><span id="751">#FFCC00</span></div>
            <div class="boxr white" style="background: rgb(204, 0, 51); cursor: pointer;" data-clipboard-target="752"><span id="752">#CC0033</span></div>
            <div class="boxc white" style="background: rgb(255, 204, 51); cursor: pointer;" data-clipboard-target="753"><span id="753">#FFCC33</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 153); cursor: pointer;" data-clipboard-target="754"><span id="754">#333399</span></div>
            <div class="boxr white" style="background: rgb(255, 0, 51); cursor: pointer;" data-clipboard-target="755"><span id="755">#FF0033</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 153); cursor: pointer;" data-clipboard-target="756"><span id="756">#666699</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="757"><span id="757">#FFFF00</span></div>
            <div class="boxr white" style="background: rgb(255, 0, 51); cursor: pointer;" data-clipboard-target="758"><span id="758">#FF0033</span></div>
            <div class="boxc white" style="background: rgb(255, 0, 51); cursor: pointer;" data-clipboard-target="759"><span id="759">#FF0033</span></div>
            <div class="boxc white" style="background: rgb(0, 102, 153); cursor: pointer;" data-clipboard-target="760"><span id="760">#006699</span></div>
            <div class="boxr" style="background: rgb(255, 255, 51); cursor: pointer;" data-clipboard-target="761"><span id="761">#FFFF33</span></div>


            <div class="boxc white" style="background: rgb(255, 204, 0); cursor: pointer;" data-clipboard-target="762"><span id="762">#FFCC00</span></div>
            <div class="boxc white" style="background: rgb(0, 153, 153); cursor: pointer;" data-clipboard-target="763"><span id="763">#009999</span></div>
            <div class="boxr white" style="background: rgb(204, 51, 102); cursor: pointer;" data-clipboard-target="764"><span id="764">#CC3366</span></div>
            <div class="boxc white" style="background: rgb(255, 0, 51); cursor: pointer;" data-clipboard-target="765"><span id="765">#FF0033</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="766"><span id="766">#CCCC00</span></div>
            <div class="boxr white" style="background: rgb(0, 102, 153); cursor: pointer;" data-clipboard-target="767"><span id="767">#006699</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="768"><span id="768">#CCCC00</span></div>
            <div class="boxc white" style="background: rgb(255, 153, 51); cursor: pointer;" data-clipboard-target="769"><span id="769">#FF9933</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 153); cursor: pointer;" data-clipboard-target="770"><span id="770">#663399</span></div>
            <div class="boxc white" style="background: rgb(255, 153, 51); cursor: pointer;" data-clipboard-target="771"><span id="771">#FF9933</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="772"><span id="772">#FFFF00</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="773"><span id="773">#336699</span></div>


            <div class="boxc white" style="background: rgb(204, 51, 51); cursor: pointer;" data-clipboard-target="774"><span id="774">#CC3333</span></div>
            <div class="boxc white" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="775"><span id="775">#FFCCCC</span></div>
            <div class="boxr white" style="background: rgb(153, 204, 0); cursor: pointer;" data-clipboard-target="776"><span id="776">#99CC00</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 153); cursor: pointer;" data-clipboard-target="777"><span id="777">#003399</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="778"><span id="778">#FFFF00</span></div>
            <div class="boxr white" style="background: rgb(255, 102, 0); cursor: pointer;" data-clipboard-target="779"><span id="779">#FF6600</span></div>

        </div>
        <div style="clear: both;"></div>

        <h3 id="kcd">狂野、充沛、动感</h3>
        <p class="blockQuote">狂野的印象空间中少不了低亮度的色彩，甚至可以用适当的黑色搭配。其他有彩色的饱和度高，对比强烈。</p>
        <div class="clearfix CorConList">
            <div class="boxc white" style="background: rgb(153, 0, 102); cursor: pointer;" data-clipboard-target="780"><span id="780">#990066</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="781"><span id="781">#FFFF00</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 153); cursor: pointer;" data-clipboard-target="782"><span id="782">#003399</span></div>
            <div class="boxc white" style="background: rgb(204, 0, 51); cursor: pointer;" data-clipboard-target="783"><span id="783">#CC0033</span></div>
            <div class="boxc white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="784"><span id="784">#000000</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 153); cursor: pointer;" data-clipboard-target="785"><span id="785">#003399</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 153); cursor: pointer;" data-clipboard-target="786"><span id="786">#003399</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="787"><span id="787">#FFFF00</span></div>
            <div class="boxr white" style="background: rgb(240, 0, 0); cursor: pointer;" data-clipboard-target="788"><span id="788">#F00000</span></div>
            <div class="boxc white" style="background: rgb(204, 51, 51); cursor: pointer;" data-clipboard-target="789"><span id="789">#CC3333</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="790"><span id="790">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="791"><span id="791">#003366</span></div>


            <div class="boxc white" style="background: rgb(204, 0, 51); cursor: pointer;" data-clipboard-target="792"><span id="792">#CC0033</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="793"><span id="793">#333333</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="794"><span id="794">#CCCC00</span></div>
            <div class="boxc white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="795"><span id="795">#000000</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 0); cursor: pointer;" data-clipboard-target="796"><span id="796">#99CC00</span></div>
            <div class="boxr white" style="background: rgb(204, 0, 51); cursor: pointer;" data-clipboard-target="797"><span id="797">#CC0033</span></div>
            <div class="boxc white" style="background: rgb(255, 0, 51); cursor: pointer;" data-clipboard-target="798"><span id="798">#FF0033</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="799"><span id="799">#333333</span></div>
            <div class="boxr white" style="background: rgb(255, 153, 0); cursor: pointer;" data-clipboard-target="800"><span id="800">#FF9900</span></div>
            <div class="boxc white" style="background: rgb(153, 0, 102); cursor: pointer;" data-clipboard-target="801"><span id="801">#990066</span></div>
            <div class="boxc white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="802"><span id="802">#000000</span></div>
            <div class="boxr white" style="background: rgb(0, 153, 102); cursor: pointer;" data-clipboard-target="803"><span id="803">#009966</span></div>


            <div class="boxc white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="804"><span id="804">#666666</span></div>
            <div class="boxc white" style="background: rgb(255, 102, 0); cursor: pointer;" data-clipboard-target="805"><span id="805">#FF6600</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="806"><span id="806">#333333</span></div>
            <div class="boxc white" style="background: rgb(153, 51, 51); cursor: pointer;" data-clipboard-target="807"><span id="807">#993333</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="808"><span id="808">#CCCC00</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="809"><span id="809">#663366</span></div>
        </div>
        <div style="clear: both;"></div>

        <h3 id="hhn">华丽、花哨、女性化</h3>
        <p class="blockQuote">女性化的页面中紫色和品红是主角、粉红、绿色也是常用色相。一般它们之间要进行高饱和的搭配。</p>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="810"><span id="810">#FFFF99</span></div>
            <div class="boxc white" style="background: rgb(153, 51, 153); cursor: pointer;" data-clipboard-target="811"><span id="811">#993399</span></div>
            <div class="boxr" style="background: rgb(255, 153, 204); cursor: pointer;" data-clipboard-target="812"><span id="812">#FF99CC</span></div>
            <div class="boxc white" style="background: rgb(255, 102, 102); cursor: pointer;" data-clipboard-target="813"><span id="813">#FF6666</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="814"><span id="814">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(51, 153, 153); cursor: pointer;" data-clipboard-target="815"><span id="815">#339999</span></div>
            <div class="boxc white" style="background: rgb(255, 153, 204); cursor: pointer;" data-clipboard-target="816"><span id="816">#FF99CC</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 153); cursor: pointer;" data-clipboard-target="817"><span id="817">#003399</span></div>
            <div class="boxr" style="background: rgb(204, 255, 0); cursor: pointer;" data-clipboard-target="818"><span id="818">#CCFF00</span></div>
            <div class="boxc white" style="background: rgb(102, 204, 153); cursor: pointer;" data-clipboard-target="819"><span id="819">#66CC99</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="820"><span id="820">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(204, 102, 153); cursor: pointer;" data-clipboard-target="821"><span id="821">#CC6699</span></div>


            <div class="boxc white" style="background: rgb(204, 51, 153); cursor: pointer;" data-clipboard-target="822"><span id="822">#CC3399</span></div>
            <div class="boxc" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="823"><span id="823">#FFCC99</span></div>
            <div class="boxr white" style="background: rgb(255, 102, 102); cursor: pointer;" data-clipboard-target="824"><span id="824">#FF6666</span></div>
            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="825"><span id="825">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="826"><span id="826">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(153, 51, 102); cursor: pointer;" data-clipboard-target="827"><span id="827">#993366</span></div>
            <div class="boxc white" style="background: rgb(204, 102, 153); cursor: pointer;" data-clipboard-target="828"><span id="828">#CC6699</span></div>
            <div class="boxc" style="background: rgb(255, 255, 0); cursor: pointer;" data-clipboard-target="829"><span id="829">#FFFF00</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 153); cursor: pointer;" data-clipboard-target="830"><span id="830">#666699</span></div>
            <div class="boxc white" style="background: rgb(204, 102, 153); cursor: pointer;" data-clipboard-target="831"><span id="831">#CC6699</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 102); cursor: pointer;" data-clipboard-target="832"><span id="832">#99CC66</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="833"><span id="833">#663366</span></div>


            <div class="boxc white" style="background: rgb(255, 51, 204); cursor: pointer;" data-clipboard-target="834"><span id="834">#FF33CC</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="835"><span id="835">#CCCC99</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="836"><span id="836">#663366</span></div>
            <div class="boxc white" style="background: rgb(204, 51, 153); cursor: pointer;" data-clipboard-target="837"><span id="837">#CC3399</span></div>
            <div class="boxc white" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="838"><span id="838">#FFCC99</span></div>
            <div class="boxr white" style="background: rgb(255, 102, 102); cursor: pointer;" data-clipboard-target="839"><span id="839">#FF6666</span></div>
        </div> <div style="clear: both;"></div>

        <h3 id="hny">回味、女性化、优雅</h3>
        <p class="blockQuote">优雅的感觉很奇特，色彩的饱和度一般要降下来。一般以蓝、红之间的相邻，调节亮度和饱和度进行搭配。</p>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="840"><span id="840">#CCCCCC</span></div>
            <div class="boxc" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="841"><span id="841">#CC99CC</span></div>
            <div class="boxr white" style="background: rgb(204, 51, 153); cursor: pointer;" data-clipboard-target="842"><span id="842">#CC3399</span></div>
            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="843"><span id="843">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 153, 204); cursor: pointer;" data-clipboard-target="844"><span id="844">#FF99CC</span></div>
            <div class="boxr" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="845"><span id="845">#CCCCFF</span></div>
            <div class="boxc white" style="background: rgb(204, 51, 153); cursor: pointer;" data-clipboard-target="846"><span id="846">#CC3399</span></div>
            <div class="boxc white" style="background: rgb(153, 51, 204); cursor: pointer;" data-clipboard-target="847"><span id="847">#9933CC</span></div>
            <div class="boxr white" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="848"><span id="848">#CC99CC</span></div>
            <div class="boxc" style="background: rgb(153, 153, 204); cursor: pointer;" data-clipboard-target="849"><span id="849">#9999CC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="850"><span id="850">#FFFFCC</span></div>
            <div class="boxr" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="851"><span id="851">#FFCCCC</span></div>


            <div class="boxc white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="852"><span id="852">#663366</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="853"><span id="853">#CCCCCC</span></div>
            <div class="boxr" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="854"><span id="854">#CC99CC</span></div>
            <div class="boxc" style="background: rgb(255, 153, 153); cursor: pointer;" data-clipboard-target="855"><span id="855">#FF9999</span></div>
            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="856"><span id="856">#FFCCCC</span></div>
            <div class="boxr" style="background: rgb(255, 153, 204); cursor: pointer;" data-clipboard-target="857"><span id="857">#FF99CC</span></div>
            <div class="boxc white" style="background: rgb(153, 102, 102); cursor: pointer;" data-clipboard-target="858"><span id="858">#996666</span></div>
            <div class="boxc" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="859"><span id="859">#CC99CC</span></div>
            <div class="boxr" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="860"><span id="860">#FFCCCC</span></div>
            <div class="boxc" style="background: rgb(204, 153, 153); cursor: pointer;" data-clipboard-target="861"><span id="861">#CC9999</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="862"><span id="862">#CCCCCC</span></div>
            <div class="boxr" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="863"><span id="863">#FFCCCC</span></div>


            <div class="boxc" style="background: rgb(255, 153, 153); cursor: pointer;" data-clipboard-target="864"><span id="864">#FF9999</span></div>
            <div class="boxc white" style="background: rgb(153, 102, 153); cursor: pointer;" data-clipboard-target="865"><span id="865">#996699</span></div>
            <div class="boxr" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="866"><span id="866">#FFCCCC</span></div>
            <div class="boxc white" style="background: rgb(153, 102, 153); cursor: pointer;" data-clipboard-target="867"><span id="867">#996699</span></div>
            <div class="boxc" style="background: rgb(255, 204, 204); cursor: pointer;" data-clipboard-target="868"><span id="868">#FFCCCC</span></div>
            <div class="boxr" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="869"><span id="869">#CC99CC</span></div>
        </div> <div style="clear: both;"></div>

        <h3 id="gza">高尚、自然、安稳</h3>
        <p class="blockQuote">高尚一般要用低亮度的黄绿色，色彩亮度降下去，注意色彩的平衡，页面就会显得安稳。</p>
        <div class="clearfix CorConList">
            <div class="boxc white" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="870"><span id="870">#CCCC33</span></div>
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="871"><span id="871">#FFFF99</span></div>
            <div class="boxr white" style="background: rgb(204, 153, 51); cursor: pointer;" data-clipboard-target="872"><span id="872">#CC9933</span></div>
            <div class="boxc" style="background: rgb(204, 153, 102); cursor: pointer;" data-clipboard-target="873"><span id="873">#CC9966</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 102); cursor: pointer;" data-clipboard-target="874"><span id="874">#CCCC66</span></div>
            <div class="boxr white" style="background: rgb(102, 153, 153); cursor: pointer;" data-clipboard-target="875"><span id="875">#669999</span></div>
            <div class="boxc white" style="background: rgb(255, 153, 102); cursor: pointer;" data-clipboard-target="876"><span id="876">#FF9966</span></div>
            <div class="boxc white" style="background: rgb(153, 102, 0); cursor: pointer;" data-clipboard-target="877"><span id="877">#996600</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="878"><span id="878">#CCCC00</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 102); cursor: pointer;" data-clipboard-target="879"><span id="879">#CCCC66</span></div>
            <div class="boxc white" style="background: rgb(102, 0, 51); cursor: pointer;" data-clipboard-target="880"><span id="880">#660033</span></div>
            <div class="boxr white" style="background: rgb(204, 102, 0); cursor: pointer;" data-clipboard-target="881"><span id="881">#CC6600</span></div>


            <div class="boxc white" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="882"><span id="882">#CCCC00</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 0); cursor: pointer;" data-clipboard-target="883"><span id="883">#666600</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="884"><span id="884">#CCCCFF</span></div>
            <div class="boxc white" style="background: rgb(204, 153, 51); cursor: pointer;" data-clipboard-target="885"><span id="885">#CC9933</span></div>
            <div class="boxc white" style="background: rgb(0, 153, 153); cursor: pointer;" data-clipboard-target="886"><span id="886">#009999</span></div>
            <div class="boxr white" style="background: rgb(255, 204, 51); cursor: pointer;" data-clipboard-target="887"><span id="887">#FFCC33</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 102); cursor: pointer;" data-clipboard-target="888"><span id="888">#999966</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="889"><span id="889">#CCCC99</span></div>
            <div class="boxr white" style="background: rgb(51, 153, 153); cursor: pointer;" data-clipboard-target="890"><span id="890">#339999</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 153); cursor: pointer;" data-clipboard-target="891"><span id="891">#99CC99</span></div>
            <div class="boxc white" style="background: rgb(102, 153, 51); cursor: pointer;" data-clipboard-target="892"><span id="892">#669933</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 51); cursor: pointer;" data-clipboard-target="893"><span id="893">#336633</span></div>


            <div class="boxc white" style="background: rgb(102, 102, 51); cursor: pointer;" data-clipboard-target="894"><span id="894">#666633</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 51); cursor: pointer;" data-clipboard-target="895"><span id="895">#999933</span></div>
            <div class="boxr white" style="background: rgb(204, 153, 102); cursor: pointer;" data-clipboard-target="896"><span id="896">#CC9966</span></div>
            <div class="boxc white" style="background: rgb(102, 0, 0); cursor: pointer;" data-clipboard-target="897"><span id="897">#660000</span></div>
            <div class="boxc white" style="background: rgb(204, 153, 0); cursor: pointer;" data-clipboard-target="898"><span id="898">#CC9900</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="899"><span id="899">#CCCC99</span></div>
        </div> <div style="clear: both;"></div>

        <h3 id="lz">冷静、自然</h3>
        <p class="blockQuote">绿色是冷静、自然印象的主角，但是绿色作为页面的主要色彩，容易陷入过于消极的感觉传达，因此应该特别重视图案的设计。</p>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="900"><span id="900">#FFFF99</span></div>
            <div class="boxc" style="background: rgb(153, 204, 153); cursor: pointer;" data-clipboard-target="901"><span id="901">#99CC99</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 0); cursor: pointer;" data-clipboard-target="902"><span id="902">#666600</span></div>
            <div class="boxc white" style="background: rgb(153, 102, 51); cursor: pointer;" data-clipboard-target="903"><span id="903">#996633</span></div>
            <div class="boxc" style="background: rgb(255, 255, 153); cursor: pointer;" data-clipboard-target="904"><span id="904">#FFFF99</span></div>
            <div class="boxr white" style="background: rgb(153, 204, 102); cursor: pointer;" data-clipboard-target="905"><span id="905">#99CC66</span></div>
            <div class="boxc white" style="background: rgb(0, 102, 0); cursor: pointer;" data-clipboard-target="906"><span id="906">#006600</span></div>
            <div class="boxc white" style="background: rgb(102, 204, 102); cursor: pointer;" data-clipboard-target="907"><span id="907">#66CC66</span></div>
            <div class="boxr" style="background: rgb(204, 255, 153); cursor: pointer;" data-clipboard-target="908"><span id="908">#CCFF99</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 0); cursor: pointer;" data-clipboard-target="909"><span id="909">#666600</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 102); cursor: pointer;" data-clipboard-target="910"><span id="910">#CCCC66</span></div>
            <div class="boxr" style="background: rgb(204, 255, 204); cursor: pointer;" data-clipboard-target="911"><span id="911">#CCFFCC</span></div>


            <div class="boxc white" style="background: rgb(102, 153, 51); cursor: pointer;" data-clipboard-target="912"><span id="912">#669933</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="913"><span id="913">#CCCC33</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 0); cursor: pointer;" data-clipboard-target="914"><span id="914">#663300</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 51); cursor: pointer;" data-clipboard-target="915"><span id="915">#666633</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 51); cursor: pointer;" data-clipboard-target="916"><span id="916">#999933</span></div>
            <div class="boxr white" style="background: rgb(204, 153, 102); cursor: pointer;" data-clipboard-target="917"><span id="917">#CC9966</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 0); cursor: pointer;" data-clipboard-target="918"><span id="918">#003300</span></div>
            <div class="boxc white" style="background: rgb(102, 153, 51); cursor: pointer;" data-clipboard-target="919"><span id="919">#669933</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="920"><span id="920">#CCCC99</span></div>
            <div class="boxc white" style="background: rgb(0, 102, 51); cursor: pointer;" data-clipboard-target="921"><span id="921">#006633</span></div>
            <div class="boxc white" style="background: rgb(102, 51, 0); cursor: pointer;" data-clipboard-target="922"><span id="922">#663300</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 102); cursor: pointer;" data-clipboard-target="923"><span id="923">#CCCC66</span></div>


            <div class="boxc white" style="background: rgb(102, 102, 0); cursor: pointer;" data-clipboard-target="924"><span id="924">#666600</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="925"><span id="925">#FFFFCC</span></div>
            <div class="boxr white" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="926"><span id="926">#999999</span></div>
            <div class="boxc white" style="background: rgb(0, 102, 51); cursor: pointer;" data-clipboard-target="927"><span id="927">#006633</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 0); cursor: pointer;" data-clipboard-target="928"><span id="928">#333300</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="929"><span id="929">#CCCC99</span></div>
        </div> <div style="clear: both;"></div>

        <h3 id="cgy">传统、高雅、优雅</h3>
        <p class="blockQuote">传统的内容一般要降低色彩的饱和度，特别是棕色很适合。前面介绍紫色也是高雅和优雅印象的常用色相。</p>
        <div class="clearfix CorConList">
            <div class="boxc white" style="background: rgb(153, 153, 51); cursor: pointer;" data-clipboard-target="930"><span id="930">#999933</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="931"><span id="931">#FFFFCC</span></div>
            <div class="boxr" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="932"><span id="932">#CC99CC</span></div>
            <div class="boxc" style="background: rgb(204, 153, 102); cursor: pointer;" data-clipboard-target="933"><span id="933">#CC9966</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="934"><span id="934">#666666</span></div>
            <div class="boxr" style="background: rgb(204, 153, 153); cursor: pointer;" data-clipboard-target="935"><span id="935">#CC9999</span></div>
            <div class="boxc" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="936"><span id="936">#CCCC99</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="937"><span id="937">#333333</span></div>
            <div class="boxr" style="background: rgb(153, 102, 204); cursor: pointer;" data-clipboard-target="938"><span id="938">#9966CC</span></div>
            <div class="boxc" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="939"><span id="939">#CCCC99</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="940"><span id="940">#666666</span></div>
            <div class="boxr" style="background: rgb(204, 153, 153); cursor: pointer;" data-clipboard-target="941"><span id="941">#CC9999</span></div>


            <div class="boxc white" style="background: rgb(153, 102, 153); cursor: pointer;" data-clipboard-target="942"><span id="942">#996699</span></div>
            <div class="boxc" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="943"><span id="943">#CCCC99</span></div>
            <div class="boxr white" style="background: rgb(102, 153, 153); cursor: pointer;" data-clipboard-target="944"><span id="944">#669999</span></div>
            <div class="boxc white" style="background: rgb(204, 153, 102); cursor: pointer;" data-clipboard-target="945"><span id="945">#CC9966</span></div>
            <div class="boxc" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="946"><span id="946">#999999</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="947"><span id="947">#666666</span></div>
            <div class="boxc white" style="background: rgb(51, 153, 102); cursor: pointer;" data-clipboard-target="948"><span id="948">#339966</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="949"><span id="949">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(153, 102, 153); cursor: pointer;" data-clipboard-target="950"><span id="950">#996699</span></div>
            <div class="boxc white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="951"><span id="951">#663366</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="952"><span id="952">#999999</span></div>
            <div class="boxr" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="953"><span id="953">#CCCCFF</span></div>


            <div class="boxc white" style="background: rgb(153, 102, 153); cursor: pointer;" data-clipboard-target="954"><span id="954">#996699</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 204); cursor: pointer;" data-clipboard-target="955"><span id="955">#9999CC</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 255); cursor: pointer;" data-clipboard-target="956"><span id="956">#CCCCFF</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="957"><span id="957">#CCCC99</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="958"><span id="958">#999999</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 0); cursor: pointer;" data-clipboard-target="959"><span id="959">#663300</span></div>
        </div> <div style="clear: both;"></div>

        <h3 id="cwg">传统、稳重、古典</h3>
        <p class="blockQuote">传统、稳重、古典都是保守的印象，色彩的选择上应该尽量用低亮度的暖色，这种搭配符合成熟的审美。</p>
        <div class="clearfix CorConList">
            <div class="boxc white" style="background: rgb(102, 153, 204); cursor: pointer;" data-clipboard-target="960"><span id="960">#6699CC</span></div>
            <div class="boxc white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="961"><span id="961">#663366</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="962"><span id="962">#CCCC99</span></div>
            <div class="boxc white" style="background: rgb(153, 0, 51); cursor: pointer;" data-clipboard-target="963"><span id="963">#990033</span></div>
            <div class="boxc" style="background: rgb(204, 255, 102); cursor: pointer;" data-clipboard-target="964"><span id="964">#CCFF66</span></div>
            <div class="boxr white" style="background: rgb(255, 153, 0); cursor: pointer;" data-clipboard-target="965"><span id="965">#FF9900</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 153); cursor: pointer;" data-clipboard-target="966"><span id="966">#666699</span></div>
            <div class="boxc white" style="background: rgb(102, 0, 51); cursor: pointer;" data-clipboard-target="967"><span id="967">#660033</span></div>
            <div class="boxr white" style="background: rgb(153, 204, 153); cursor: pointer;" data-clipboard-target="968"><span id="968">#99CC99</span></div>
            <div class="boxc white" style="background: rgb(102, 51, 0); cursor: pointer;" data-clipboard-target="969"><span id="969">#663300</span></div>
            <div class="boxc white" style="background: rgb(255, 153, 51); cursor: pointer;" data-clipboard-target="970"><span id="970">#FF9933</span></div>
            <div class="boxr" style="background: rgb(255, 255, 102); cursor: pointer;" data-clipboard-target="971"><span id="971">#FFFF66</span></div>


            <div class="boxc white" style="background: rgb(153, 0, 51); cursor: pointer;" data-clipboard-target="972"><span id="972">#990033</span></div>
            <div class="boxc white" style="background: rgb(0, 102, 51); cursor: pointer;" data-clipboard-target="973"><span id="973">#006633</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 0); cursor: pointer;" data-clipboard-target="974"><span id="974">#CCCC00</span></div>
            <div class="boxc white" style="background: rgb(102, 0, 51); cursor: pointer;" data-clipboard-target="975"><span id="975">#660033</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 51); cursor: pointer;" data-clipboard-target="976"><span id="976">#999933</span></div>
            <div class="boxr white" style="background: rgb(102, 0, 153); cursor: pointer;" data-clipboard-target="977"><span id="977">#660099</span></div>
            <div class="boxc white" style="background: rgb(153, 51, 102); cursor: pointer;" data-clipboard-target="978"><span id="978">#993366</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="979"><span id="979">#CCCC33</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 51); cursor: pointer;" data-clipboard-target="980"><span id="980">#666633</span></div>
            <div class="boxc white" style="background: rgb(153, 102, 0); cursor: pointer;" data-clipboard-target="981"><span id="981">#996600</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 102); cursor: pointer;" data-clipboard-target="982"><span id="982">#CCCC66</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 0); cursor: pointer;" data-clipboard-target="983"><span id="983">#666600</span></div>


            <div class="boxc white" style="background: rgb(0, 153, 51); cursor: pointer;" data-clipboard-target="984"><span id="984">#009933</span></div>
            <div class="boxc white" style="background: rgb(204, 153, 0); cursor: pointer;" data-clipboard-target="985"><span id="985">#CC9900</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="986"><span id="986">#666666</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 51); cursor: pointer;" data-clipboard-target="987"><span id="987">#666633</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="988"><span id="988">#CCCC33</span></div>
            <div class="boxr white" style="background: rgb(204, 51, 102); cursor: pointer;" data-clipboard-target="989"><span id="989">#CC3366</span></div>
        </div> <div style="clear: both;"></div>

        <h3 id="zwy">忠厚、稳重、有品位</h3>
        <p class="blockQuote">亮度、饱和度偏低的色彩会给人忠厚、稳重的感觉。这样的搭配为了避免色彩过于保守，使页面僵化、消极，应当注重冷暖结合和明暗对比。</p>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="990"><span id="990">#FFFFCC</span></div>
            <div class="boxc white" style="background: rgb(204, 153, 51); cursor: pointer;" data-clipboard-target="991"><span id="991">#CC9933</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 102); cursor: pointer;" data-clipboard-target="992"><span id="992">#336666</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 102); cursor: pointer;" data-clipboard-target="993"><span id="993">#336666</span></div>
            <div class="boxc white" style="background: rgb(153, 102, 51); cursor: pointer;" data-clipboard-target="994"><span id="994">#996633</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="995"><span id="995">#CCCC33</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 51); cursor: pointer;" data-clipboard-target="996"><span id="996">#336633</span></div>
            <div class="boxc white" style="background: rgb(153, 0, 51); cursor: pointer;" data-clipboard-target="997"><span id="997">#990033</span></div>
            <div class="boxr white" style="background: rgb(255, 204, 153); cursor: pointer;" data-clipboard-target="998"><span id="998">#FFCC99</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 102); cursor: pointer;" data-clipboard-target="999"><span id="999">#333366</span></div>
            <div class="boxc white" style="background: rgb(102, 153, 153); cursor: pointer;" data-clipboard-target="1000"><span id="1000">#669999</span></div>
            <div class="boxr white" style="background: rgb(153, 102, 0); cursor: pointer;" data-clipboard-target="1001"><span id="1001">#996600</span></div>


            <div class="boxc white" style="background: rgb(153, 51, 51); cursor: pointer;" data-clipboard-target="1002"><span id="1002">#993333</span></div>
            <div class="boxc white" style="background: rgb(204, 153, 102); cursor: pointer;" data-clipboard-target="1003"><span id="1003">#CC9966</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 0); cursor: pointer;" data-clipboard-target="1004"><span id="1004">#003300</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 51); cursor: pointer;" data-clipboard-target="1005"><span id="1005">#336633</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 153); cursor: pointer;" data-clipboard-target="1006"><span id="1006">#CCCC99</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 102); cursor: pointer;" data-clipboard-target="1007"><span id="1007">#333366</span></div>
            <div class="boxc white" style="background: rgb(102, 51, 0); cursor: pointer;" data-clipboard-target="1008"><span id="1008">#663300</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 51); cursor: pointer;" data-clipboard-target="1009"><span id="1009">#999933</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="1010"><span id="1010">#333333</span></div>
            <div class="boxc white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="1011"><span id="1011">#663366</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="1012"><span id="1012">#666666</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 102); cursor: pointer;" data-clipboard-target="1013"><span id="1013">#333366</span></div>


            <div class="boxc white" style="background: rgb(153, 153, 0); cursor: pointer;" data-clipboard-target="1014"><span id="1014">#999900</span></div>
            <div class="boxc white" style="background: rgb(153, 0, 51); cursor: pointer;" data-clipboard-target="1015"><span id="1015">#990033</span></div>
            <div class="boxr white" style="background: rgb(204, 153, 204); cursor: pointer;" data-clipboard-target="1016"><span id="1016">#CC99CC</span></div>
            <div class="boxc white" style="background: rgb(51, 51, 102); cursor: pointer;" data-clipboard-target="1017"><span id="1017">#333366</span></div>
            <div class="boxc white" style="background: rgb(153, 0, 51); cursor: pointer;" data-clipboard-target="1018"><span id="1018">#990033</span></div>
            <div class="boxr white" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="1019"><span id="1019">#CCCCCC</span></div>
        </div> <div style="clear: both;"></div>

        <h3 id="jjj">简单、洁净、进步</h3>
        <p class="blockQuote">简单、洁净的色彩在色相上可以用蓝、绿表现，并大面积留白。而进步的印象可以多用蓝色，搭配低饱和甚至灰色。</p>
        <div class="clearfix CorConList">
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="1020"><span id="1020">#CCCCCC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="1021"><span id="1021">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 153); cursor: pointer;" data-clipboard-target="1022"><span id="1022">#666699</span></div>
            <div class="boxc" style="background: rgb(204, 255, 102); cursor: pointer;" data-clipboard-target="1023"><span id="1023">#CCFF66</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="1024"><span id="1024">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="1025"><span id="1025">#003366</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="1026"><span id="1026">#99CCFF</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="1027"><span id="1027">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="1028"><span id="1028">#336699</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 51); cursor: pointer;" data-clipboard-target="1029"><span id="1029">#CCCC33</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="1030"><span id="1030">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="1031"><span id="1031">#336699</span></div>


            <div class="boxc white" style="background: rgb(0, 153, 255); cursor: pointer;" data-clipboard-target="1032"><span id="1032">#0099FF</span></div>
            <div class="boxc" style="background: rgb(255, 255, 204); cursor: pointer;" data-clipboard-target="1033"><span id="1033">#FFFFCC</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 153); cursor: pointer;" data-clipboard-target="1034"><span id="1034">#666699</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="1035"><span id="1035">#99CC33</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="1036"><span id="1036">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="1037"><span id="1037">#000000</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="1038"><span id="1038">#CCCCCC</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="1039"><span id="1039">#003366</span></div>
            <div class="boxr" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="1040"><span id="1040">#99CCFF</span></div>
            <div class="boxc white" style="background: rgb(0, 153, 204); cursor: pointer;" data-clipboard-target="1041"><span id="1041">#0099CC</span></div>
            <div class="boxc" style="background: rgb(204, 255, 102); cursor: pointer;" data-clipboard-target="1042"><span id="1042">#CCFF66</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="1043"><span id="1043">#666666</span></div>


            <div class="boxc white" style="background: rgb(51, 153, 204); cursor: pointer;" data-clipboard-target="1044"><span id="1044">#3399CC</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="1045"><span id="1045">#003366</span></div>
            <div class="boxr" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="1046"><span id="1046">#CCCCCC</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="1047"><span id="1047">#ABCDEF</span></div>
            <div class="boxc" style="background: rgb(255, 255, 102); cursor: pointer;" data-clipboard-target="1048"><span id="1048">#ABCDEF</span></div>
            <div class="boxr" style="background: rgb(102, 153, 255); cursor: pointer;" data-clipboard-target="1049"><span id="1049">#ABCDEF</span></div>
        </div> <div style="clear: both;"></div>

        <h3 id="jsg">简单、时尚、高雅</h3>
        <p class="blockQuote">灰色是最为平衡的色彩，并且是塑料金属质感的主要色彩之一，因而要表达高雅、时尚，可以适当使用，甚至大面积使用。但是要注重图案和质感的构造。</p>
        <div class="clearfix CorConList">
            <div class="boxc white" style="background: rgb(153, 204, 255); cursor: pointer;" data-clipboard-target="1050"><span id="1050">#99CCFF</span></div>
            <div class="boxc" style="background: rgb(255, 255, 102); cursor: pointer;" data-clipboard-target="1051"><span id="1051">#FFFF66</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="1052"><span id="1052">#666666</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 102); cursor: pointer;" data-clipboard-target="1053"><span id="1053">#336666</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="1054"><span id="1054">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="1055"><span id="1055">#999999</span></div>
            <div class="boxc white" style="background: rgb(0, 153, 204); cursor: pointer;" data-clipboard-target="1056"><span id="1056">#0099CC</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="1057"><span id="1057">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="1058"><span id="1058">#666666</span></div>
            <div class="boxc" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="1059"><span id="1059">#999999</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="1060"><span id="1060">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 102); cursor: pointer;" data-clipboard-target="1061"><span id="1061">#336666</span></div>


            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="1062"><span id="1062">#CCCCCC</span></div>
            <div class="boxc" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="1063"><span id="1063">#999999</span></div>
            <div class="boxr white" style="background: rgb(102, 51, 102); cursor: pointer;" data-clipboard-target="1064"><span id="1064">#663366</span></div>
            <div class="boxc white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="1065"><span id="1065">#666666</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="1066"><span id="1066">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(102, 153, 204); cursor: pointer;" data-clipboard-target="1067"><span id="1067">#6699CC</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="1068"><span id="1068">#999999</span></div>
            <div class="boxc" style="background: rgb(255, 255, 255); cursor: pointer;" data-clipboard-target="1069"><span id="1069">#FFFFFF</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 102); cursor: pointer;" data-clipboard-target="1070"><span id="1070">#333366</span></div>
            <div class="boxc white" style="background: rgb(102, 153, 153); cursor: pointer;" data-clipboard-target="1071"><span id="1071">#669999</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="1072"><span id="1072">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="1073"><span id="1073">#666666</span></div>


            <div class="boxc white" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="1074"><span id="1074">#999999</span></div>
            <div class="boxc" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="1075"><span id="1075">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="1076"><span id="1076">#333333</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="1077"><span id="1077">#ABCDEF</span></div>
            <div class="boxc white" style="background: rgb(0, 153, 204); cursor: pointer;" data-clipboard-target="1078"><span id="1078">#ABCDEF</span></div>
            <div class="boxr white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="1079"><span id="1079">#ABCDEF</span></div>



        </div> <div style="clear: both;"></div>

        <h3 id="jjs">简单、进步、时尚</h3>
        <p class="blockQuote">表现进步的色彩主要以蓝色为主，搭配灰色。而色彩的明度统一、色相相邻，在色彩上会显得简洁。</p>
        <div class="clearfix CorConList">
            <div class="boxc white" style="background: rgb(51, 51, 102); cursor: pointer;" data-clipboard-target="1080"><span id="1080">#333366</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="1081"><span id="1081">#99CC33</span></div>
            <div class="boxr white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="1082"><span id="1082">#336699</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="1083"><span id="1083">#999999</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="1084"><span id="1084">#003366</span></div>
            <div class="boxr white" style="background: rgb(102, 153, 153); cursor: pointer;" data-clipboard-target="1085"><span id="1085">#669999</span></div>
            <div class="boxc white" style="background: rgb(0, 51, 153); cursor: pointer;" data-clipboard-target="1086"><span id="1086">#003399</span></div>
            <div class="boxc" style="background: rgb(204, 255, 153); cursor: pointer;" data-clipboard-target="1087"><span id="1087">#CCFF99</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="1088"><span id="1088">#333333</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 51); cursor: pointer;" data-clipboard-target="1089"><span id="1089">#999933</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="1090"><span id="1090">#336699</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="1091"><span id="1091">#333333</span></div>


            <div class="boxc white" style="background: rgb(102, 102, 102); cursor: pointer;" data-clipboard-target="1092"><span id="1092">#666666</span></div>
            <div class="boxc white" style="background: rgb(153, 204, 51); cursor: pointer;" data-clipboard-target="1093"><span id="1093">#99CC33</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="1094"><span id="1094">#003366</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="1095"><span id="1095">#999999</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 153); cursor: pointer;" data-clipboard-target="1096"><span id="1096">#336699</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 51); cursor: pointer;" data-clipboard-target="1097"><span id="1097">#333333</span></div>
            <div class="boxc white" style="background: rgb(51, 102, 204); cursor: pointer;" data-clipboard-target="1098"><span id="1098">#3366CC</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 102); cursor: pointer;" data-clipboard-target="1099"><span id="1099">#CCCC66</span></div>
            <div class="boxr white" style="background: rgb(51, 51, 0); cursor: pointer;" data-clipboard-target="1100"><span id="1100">#333300</span></div>
            <div class="boxc white" style="background: rgb(102, 153, 204); cursor: pointer;" data-clipboard-target="1101"><span id="1101">#6699CC</span></div>
            <div class="boxc white" style="background: rgb(0, 102, 153); cursor: pointer;" data-clipboard-target="1102"><span id="1102">#006699</span></div>
            <div class="boxr white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="1103"><span id="1103">#000000</span></div>

            <div class="boxc white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="1104"><span id="1104">#003366</span></div>
            <div class="boxc white" style="background: rgb(204, 204, 204); cursor: pointer;" data-clipboard-target="1105"><span id="1105">#CCCCCC</span></div>
            <div class="boxr white" style="background: rgb(0, 102, 153); cursor: pointer;" data-clipboard-target="1106"><span id="1106">#006699</span></div>
            <div class="boxc white" style="background: rgb(0, 0, 0); cursor: pointer;" data-clipboard-target="1107"><span id="1107">#000000</span></div>
            <div class="boxc white" style="background: rgb(153, 153, 153); cursor: pointer;" data-clipboard-target="1108"><span id="1108">#999999</span></div>
            <div class="boxr white" style="background: rgb(0, 51, 102); cursor: pointer;" data-clipboard-target="1109"><span id="1109">#003366</span></div>
        </div> <div style="clear: both;"></div>
    </div>
    @section Scripts{ 
    <script type="text/javascript">layui.config({ base: '@host/js/' }).use('common',function(){ $=layui.jquery;
        $(".boxr").each(function (val, item) {
            $(item).bind('click', function (evnt) {
                let text = evnt.target.innerText
                if (XEClipboard.copy(text)) {
                    layer.msg("复制成功.", { icon: 1 });
                } else {
                    layer.msg("复制失败.", { icon: 2 });
                }
            })
        });
        $(".boxc").each(function (val, item) {
            $(item).bind('click', function (evnt) {
                let text = evnt.target.innerText
                if (XEClipboard.copy(text)) {
                    layer.msg("复制成功.", { icon: 1 });
                } else {
                    layer.msg("复制失败.", { icon: 2 });
                }
            })
        });
        });
    </script>
}